dfm_web 4.0.7 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bcb9a082f24029bf1913b23c665ce18bc52446281f728fb2246a7363eb787323
-  data.tar.gz: bf1b076e4c092cda890f40eff4874042307c671e6ef6452cf3db6ce109d294c4
+  metadata.gz: 65cbb01ddf231563f954b35ff6fcc09ea85c2cf5eb235d0be67aaffcef3c3462
+  data.tar.gz: 393581304b20d0f8aa50c5f0172220935e3040da9710b3b44a25cfabfc244579
 SHA512:
-  metadata.gz: 1ca5aa6e77a4dd8c356bb95ae2027d9951c4ec714fcaeaab2e78fcb1ac6e980eb66543061d0a06faf8e11f5fd3d8fa73b460a6c60d609af4e9c350ae75c5b169
-  data.tar.gz: 0f31f2ebe044a663ca4f4d85cf77370c0c5cc5f895b836a738a2a8172f3f469efa35740fca7e566f2cb9c1c26f55d9ca1d9d86c00003ff695bd01d975302c857
+  metadata.gz: ba50dd8bc46671abfd168650c86b8229576dc19526a162f43375c3b467fdcb07f861b674f82fd418f0d177ba72fe8acb85dae50ce1d5b28731cb457d431b0e7f
+  data.tar.gz: 42627fc365bada19e5da7f5a287af5cee5c51319fa0bb28a5f8a3579fdc4b267f75131623bd8b55b9e066e4f7fe61507d456f4ddb0e94d53bb8d42b62558e623

data/app/assets/stylesheets/dfm_web/dark_mode.css

@@ -0,0 +1,125 @@
+@media (prefers-color-scheme: dark) {
+
+
+  html, main #main {
+    background: none;
+    border: none;
+    box-shadow: none;
+  }
+
+  html {
+    background-color: #0c0202;
+    color: #dedede;
+  }
+
+  .panel {
+    background-color: rgba(128, 128, 128, 0.25);
+    border: 1px solid rgba(255,255,255,.1);
+    border-radius: 6px;
+  }
+
+  table {
+    background-color: transparent;
+    color: #b0b0b0;
+    border-width: 0;
+  }
+
+  .panel table {
+    border: 1px solid #3e434d;
+  }
+
+  td, th, table tfoot td, table tfoot th {
+    background-color: #111;
+    border-color: #3e434d;
+  }
+
+  table thead th {
+    background-color: rgb(47, 47, 47) !important;
+    color: white;
+    border-width: 0;
+  }
+
+  table thead th:first-child { border-radius: 6px 0 0 0; }
+  table thead th:last-child { border-radius: 0 6px 0 0; }
+  .tablesorter-default tr.even td, tbody tr:nth-child(even) td { background-color: #111; }
+  table.tablesorter thead th { background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=); }
+  .tablesorter-default thead .tablesorter-headerAsc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==); }
+  .tablesorter-default thead .tablesorter-headerDesc { background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAANzSzwAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==); }
+
+
+  /* Table Backgrounds */
+  table tr.okay         { box-shadow: inset 10px 10px 20px 10px rgba(0, 255, 0, 0.11); }
+  table tr.okay td      { border-top-color: rgba(0, 255, 0, 0.11); }
+  table tr.okay a       { color: #00a400; }
+
+  table tr.highlight    { box-shadow: inset 10px 10px 20px 10px rgba(255, 255, 0, 0.13); }
+  table tr.highlight td { border-top-color: rgba(255, 255, 0, 0.13); }
+  table tr.highlight a  { color: #949400;}
+
+  table tr.warn         { box-shadow: inset 10px 10px 20px 10px rgba(255, 147, 0, 0.11); }
+  table tr.warn td      { border-top-color: rgba(255, 147, 0, 0.11); }
+  table tr.warn a       { color: #c06c00; }
+
+  table tr.alert        { box-shadow: inset 10px 10px 20px 10px rgba(255, 0, 0, 0.09); }
+  table tr.alert td     { border-top-color: rgba(255, 0, 0, 0.09); }
+  table tr.alert a      { color: #c5050c; }
+
+  table tr.gray         { background-color: rgba(128, 128, 128, 0.3); }
+  table tr.gray td      { border-top-color: rgba(128, 128, 128, 0.3); }
+  table tr.gray a       { color: #bbbdc4; }
+
+
+  a, a:visited { color: #068ec4; text-shadow: 1px 1px 0 #111;}
+  nav a, nav a:visited, table a, table a:visited { text-shadow: none; }
+
+  footer { box-shadow: none; }
+
+
+  /* Forms */
+  label { color: #dedede; }
+  input[type="text"],        input[type="date"],           input[type="password"],        input[type="email"],        input[type="number"],        input[type="file"],        textarea,        select,
+  .panel input[type="text"], .panel input[type="date"],    .panel input[type="password"], .panel input[type="email"], .panel input[type="number"], .panel input[type="file"], .panel textarea, .panel select,
+  input[type="text"]:focus,  input[type="password"]:focus, input[type="email"]:focus,     textarea:focus
+  {
+    background-color: rgba(4, 121, 168, .1);
+    border-color: rgb(4, 121, 168);
+    color: white;
+    opacity: 80%;
+    border-radius: 6px;
+  }
+
+  /* Buttons */
+  input[type=submit], .button {
+    border-radius: 6px;
+    background-image: none !important;
+    padding: 8px 19px 10px 19px; /* we added a 1px border, so we need to remove 1px of padding. */
+    text-shadow: none !important; /* this doesn't look good in dark-mode.  Note vertical padding skewed 1px to compensate. */
+  }
+
+  input[type=submit],           .button           { border: 1px solid rgb(4, 121, 168);  background-color: rgba(4, 121, 168, .1) !important; }
+  input[type=submit].okay,      .button.okay      { border: 1px solid rgb(96, 180, 111); background-color: rgba(96, 180, 111, .1) !important;  }
+  input[type=submit].highlight, .button.highlight { border: 1px solid rgb(203, 199, 0);  background-color: rgba(203, 199, 0, .1) !important;   }
+  input[type=submit].warn,      .button.warn      { border: 1px solid rgb(220, 129, 0);  background-color: rgba(220, 129, 0, .1) !important;   }
+  input[type=submit].alert,     .button.alert     { border: 1px solid rgb(217, 54, 54);  background-color: rgba(217, 54, 54, .1) !important;   }
+  input[type=submit].gray,      .button.gray      { border: 1px solid rgb(177, 177, 177);background-color: rgba(177, 177, 177, .1) !important; }
+
+  .paper {
+    background-color: #5d5e62;
+  }
+
+  /* Nav */
+  nav, nav #nav ul.has_hamburger {
+    background-image: none; /* removing the gradient */
+    background-color: #9b0000;
+  }
+
+  /* Drop down menus */
+  #nav ul ul li {
+    background: #540e0b;
+  }
+
+  /* Top level hover */
+  #nav li:hover  {
+    background-color: #b40000;
+  }
+}

data/app/assets/stylesheets/dfm_web/dfm_web.css

@@ -11,6 +11,7 @@
  *= require ./forms.css
  *= require ./tables.css
  *= require ./layout_media.css
+ *= require ./dark_mode.css
  *= require ./print.css
  */
 

data/lib/dfm_web/version.rb

@@ -1,10 +1,11 @@
 module DfmWeb
-  VERSION = "4.0.7"
+  VERSION = "4.1.0"
 end
 
 
 # Version History
 
+# 4.1.0   Add dark-mode (automatic based on system dark/light mode)
 # 4.0.7   Fix deprecation with Rails 6+. Removed insecure excel_icon helper.
 # 4.0.6   Updated Mailer template.
 # 4.0.5   Improved Print CSS.