aboutsummaryrefslogtreecommitdiff
path: root/templates/@theme-base
diff options
context:
space:
mode:
Diffstat (limited to 'templates/@theme-base')
-rw-r--r--templates/@theme-base/_full.scss37
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;
}