Merge pull request #32 from laurens94/themes-v4

added scrollbar color; fixed backgrounds in Row layout; added wildcar…

1 files changed, 32 insertions, 5 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 1e6b7e1..091bf6d 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -1,5 +1,22 @@
 // Applies theme styles across as many areas of the layout as possible.
 
+// Scrollbar (PM currently does not style this element)
+body {
+  scrollbar-color: lighten($base, 10%) lighten($base, 2%);
+}
+::-webkit-scrollbar {
+  width: 16px;
+
+  &-track {
+    background: lighten($base, 2%);
+  }
+  &-thumb {
+    background: lighten($base, 10%);
+    box-shadow: inset 0 0 0 4px lighten($base, 2%);
+    border-radius: 16px;
+  }
+}
+
 // Message items
 .conversation {
   border-color: lighten($base, 10%);
@@ -27,7 +44,8 @@
 }
 
 // Unread, not active
-.conversation.item-container:not(.item-contact):not(.read):not(.active) {
+.conversation.item-container:not(.item-contact):not(.read):not(.active),
+.conversation.item-container-row:not(.item-contact):not(.read):not(.active) {
   background: lighten($base, 5%);
 }
 
@@ -64,7 +82,8 @@
 }
 
 // Message list background area
-.items-column-list {
+.items-column-list,
+.elementList-container-row {
   background-color: $base;
 }
 
@@ -103,14 +122,20 @@ details:first-child {
   border-color: lighten($base, 10%);
 }
 
+// Email body background, text and links
 .email.message-body-container {
   [bgcolor], [style*="background"] {
     background-color: transparent !important;
-    div, p, 
-    h1, h2, h3,
-    h4, h5, h6 {
+
+    * {
       color: $text_color !important;
     }
+    a, a * {
+      color: $highlight !important;
+    }
+    a:active, a:focus, a:hover, a:active *, a:focus *, a:hover * {
+      color: lighten($highlight, 5%) !important;
+    } 
   }
 }
 
@@ -316,6 +341,8 @@ select.pm-field, select.pm-field-icon-container {
 }
 
 .subnav {
+  background: lighten($base, 5%);
+  
   .link, a {
     color: $highlight;
   }