[Rt-commit] rt branch, 5.0/dark-theme-initial-fixes, created. rt-5.0.0alpha1-1-g2a2143d556

[Blaine Motsinger]

The branch, 5.0/dark-theme-initial-fixes has been created
        at  2a2143d556429ecbee5b5c11f2a4c953e53daf34 (commit)

- Log -----------------------------------------------------------------
commit 2a2143d556429ecbee5b5c11f2a4c953e53daf34
Author: Blaine Motsinger <blaine at bestpractical.com>
Date:   Fri Apr 24 15:14:05 2020 -0500

    Initial fixes for elevator-dark
    
    This commit is a phase one starting point for dark theme fixes.
    The changes to the css are really hacky and quickly put together.
    Needs to be cleaned up, as well as another list of fixes pending.

diff --git a/share/static/css/elevator-dark/main.css b/share/static/css/elevator-dark/main.css
index 77075cd541..b7edc4a58f 100644
--- a/share/static/css/elevator-dark/main.css
+++ b/share/static/css/elevator-dark/main.css
@@ -1,13 +1,15 @@
 @import "../elevator-light/main.css";
 
 .darkmode, .darkmode * {
-    background: #171A1F !important;
-    color: #FFF !important;
+    /*background: #171A1F !important;*/
+    background: #2C3539 !important;
+    color: #ededed !important;
 }
 
-.darkmode input, .darkmode select {
-    background: #25292F !important;
-    border-color: #3A3C43 !important;
+.darkmode input, .darkmode select,
+.btn-light {
+    background: #323D42 !important;
+    border-color: #717171 !important;
 }
 
 .darkmode input::-webkit-input-placeholder {
@@ -37,7 +39,7 @@
 
 .darkmode .card {
     background: #25292F;
-    border-color: #3A3C43;
+    border-color: #515151;
 }
 
 .darkmode label {
@@ -60,9 +62,9 @@
     color: #FFF;
 }
 
-.darkmode svg {
+/*.darkmode svg {
     fill: #FFF;
-}
+}*/
 
 .darkmode .radio-option, .darkmode .check-option {
     color: #FFF;
@@ -88,16 +90,26 @@
 }
 
 .darkmode .dropdown-menu {
-    background: #171A1F;
-    border-color: #3A3C43;
+    background: #323D42 !important;
+    border-color: #717171 !important;
+}
+
+.darkmode .dropdown-item *, .darkmode .dropdown-item *,
+.darkmode .dropdown-item,
+.darkmode a.dropdown-item {
+    background: #323D42 !important;
 }
 
 .darkmode .dropdown-divider {
     border-color: #3A3C43;
 }
 
-.darkmode .dropdown-item:focus, .darkmode .dropdown-item:hover {
-    background: #25292F;
+.darkmode .dropdown-item:focus *, .darkmode .dropdown-item:hover *,
+.darkmode .dropdown-item:focus, .darkmode .dropdown-item:hover,
+.darkmode #page-menu.sf-menu a:focus, .darkmode #page-menu.sf-menu a:hover,
+.darkmode #main-navigation .sf-menu li ul a:focus, .darkmode #main-navigation .sf-menu li ul a:hover {
+    /*background: #272F33 !important;*/
+    background: #3A474D !important;
 }
 
 .darkmode .nav-tabs {
@@ -177,18 +189,123 @@
 }
 
 /* row colouring */
-.oddline {
-    background: rgba(255, 255, 255, 0.1) !important;
-}
-
-.darkmode tr.oddline {
-    background: rgba(255, 255, 255, 0.1) !important;
+.darkmode tr.oddline *,
+.darkmode tr.oddline .collection-as-table,
+.darkmode .oddline .collection-as-table,
+.darkmode .oddline .collection-as-table * {
+    /*background: rgba(255, 255, 255, 0.02) !important;*/
+    background: #323D42 !important;
 }
 
-.darkmode .oddline .collection-as-table {
-    background: rgba(255, 255, 255, 0.1) !important;
+.table th, .table td {
+    border-top: 1px solid #6d6f71;
 }
 
 .darkmode tr.oddline td a {
     background: rgba(255, 255, 255, 0) !important;
 }
+
+.darkmode svg.icon-bordered {
+    border: solid 0.05em #717171;
+}
+
+.darkmode .history .transaction {
+    border-top: 1px solid #515151;
+}
+
+.darkmode div.history-container {
+    border-left: 1px solid #515151;
+    border-right: 1px solid #515151;
+    border-bottom: 1px solid #515151;
+}
+
+.darkmode .history .transaction div.metadata span.actions {
+    border: 1px solid #717171;
+}
+
+.darkmode div#footer {
+    border-top: 1px solid #515151;
+}
+
+.darkmode .form-control,
+.darkmode .selectize-input {
+    background: #323D42 !important;
+    border-color: #717171;
+}
+
+.darkmode .form-control .filter-option-inner-inner,
+.darkmode .form-control option {
+    background: #323D42 !important;
+}
+
+.darkmode div.results .titlebox, .darkmode div.error-titlebox,
+.darkmode div.results .titlebox .titlebox-content,
+.darkmode div.results .titlebox .card-body,
+.darkmode div.results .titlebox .card-body > *,
+.darkmode div.results .titlebox .card-body > * > * {
+    background: #3C494F !important;
+}
+
+.darkmode .history .transaction .messagebody {
+    border-color: #515151;
+}
+
+.darkmode .titlebox .titlebox-title .right {
+    padding-top: 0.4em;
+}
+
+.darkmode .transaction table + div.downloadattachment {
+    position: relative;
+    top: 0.6em;
+}
+
+.darkmode #page-navigation #page-menu {
+    background: #323D42;
+    border: 1px solid #515151;
+    border-radius: 3px;
+}
+
+.darkmode #page-menu.sf-menu > li {
+    border-color: #515151;
+    border-right: none;
+}
+
+.darkmode #page-menu.sf-menu > li:first-of-type {
+    border-left: none;
+}
+
+.darkmode .sf-menu.sf-shadow ul {
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border: 1px solid #515151;
+}
+
+.darkmode .transaction.basics .type, .darkmode .transaction.basics .type * { background: #D32F2F !important; }
+.darkmode .transaction.cfs .type, .darkmode .transaction.cfs .type * { background: #D32F2F !important; }
+.darkmode .transaction.people .type, .darkmode .transaction.people .type * { background: #0288D1 !important; }
+.darkmode .transaction.links .type, .darkmode .transaction.links .type * { background: #388E3C !important; }
+.darkmode .transaction.dates .type, .darkmode .transaction.dates .type * { background: #7B1FA2 !important; }
+.darkmode .transaction.message .type, .darkmode .transaction.message .type * { background: #1976D2 !important; }
+.darkmode .transaction.reminders .type, .darkmode .transaction.reminders .type * { background: #0277BD !important; }
+.darkmode .transaction.other .type, .darkmode .transaction.other .type * { background: #B0BEC5 !important; }
+.darkmode .transaction.error .type, .darkmode .transaction.error .type * { background: #900 !important; }
+.darkmode .transaction.attachment-truncate .type, .transaction.attachment-drop .type,
+.darkmode .transaction.attachment-truncate .type *, .transaction.attachment-drop .type * { background-color: #FF5722 !important; }
+
+.darkmode .messagebox-container.action-private textarea,
+.darkmode .messagebox-container.action-response textarea {
+    color: #484e53 !important;   
+}
+
+.darkmode div#quickbar {
+    height: 2.7rem;
+    box-shadow: none;
+    border-bottom: 1px solid #515151;
+}
+
+.darkmode .titlebox .card-header {
+    padding-bottom: inherit;
+}

-----------------------------------------------------------------------