added scrollbar color; fixed backgrounds in Row layout; added wildcard so all content in emails will have theme colors (backgrounds, texts and links); added bgcolor-subnav variable for newly added navigational pane in settings;

3 files changed, 20 insertions, 5 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 1e6b7e1..c3763fb 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -1,5 +1,10 @@
 // Applies theme styles across as many areas of the layout as possible.
 
+// Scrollbar
+body {
+  scrollbar-color: lighten($base, 10%) lighten($base, 2%);
+}
+
 // Message items
 .conversation {
   border-color: lighten($base, 10%);
@@ -27,7 +32,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 +70,8 @@
 }
 
 // Message list background area
-.items-column-list {
+.items-column-list,
+.elementList-container-row {
   background-color: $base;
 }
 
@@ -103,14 +110,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;
+    } 
   }
 }
 
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 39aec8f..d4763a0 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -8,6 +8,7 @@ $bgcolor-searchbox-field: $search;
 $bgcolor-spacebar: rgba(255, 255, 255, 0.1);
 $bgcolor-aside-link: rgba(0, 0, 0, 0.3);
 $bgcolor-toolbar: lighten($base, 5%);
+$bgcolor-subnav: lighten($base, 5%);
 $fillcolor-logo: $pm-global-light;
 $fillcolor-icons: $white;
 $color-nav-link: $navigation;
diff --git a/templates/@theme-base/pm-styles/_pm-theme-config.scss b/templates/@theme-base/pm-styles/_pm-theme-config.scss
index 3e82024..415f011 100644
--- a/templates/@theme-base/pm-styles/_pm-theme-config.scss
+++ b/templates/@theme-base/pm-styles/_pm-theme-config.scss
@@ -5,6 +5,7 @@
   --bgcolor-spacebar: #{$bgcolor-spacebar};
   --bgcolor-aside-link: #{$bgcolor-aside-link};
   --bgcolor-toolbar: #{$bgcolor-toolbar};
+  --bgcolor-subnav: #{$bgcolor-subnav};
   --fillcolor-logo: #{$fillcolor-logo};
   --fillcolor-icons: #{$fillcolor-icons};
   --color-nav-link: #{$color-nav-link};