aboutsummaryrefslogtreecommitdiff
path: root/templates/@theme-base
diff options
context:
space:
mode:
authorcristiano <[email protected]>2019-11-24 12:53:28 +0000
committercristiano <[email protected]>2019-11-24 12:53:28 +0000
commited7d7c01131ffecbbf60abf7ed050d25221ca10e (patch)
treef589d897262dd19d8a8e11a26a3ab7d158411c7a /templates/@theme-base
parentc1e97195e21d59cad184315103da8293914b5366 (diff)
downloadprotonmail-themes-ed7d7c01131ffecbbf60abf7ed050d25221ca10e.tar.xz
protonmail-themes-ed7d7c01131ffecbbf60abf7ed050d25221ca10e.zip
Fixes to dropdown arrows and backgrounds.
Diffstat (limited to 'templates/@theme-base')
-rw-r--r--templates/@theme-base/_full.scss65
1 files changed, 57 insertions, 8 deletions
diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index 2b5ac4b..49e510e 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -77,6 +77,10 @@
background-color: $base;
}
+details:first-child {
+ border-color: lighten($base, 10%);
+}
+
.items-column-list,
.message-container,
.message-attachments {
@@ -90,6 +94,26 @@
background-color: lighten($base, 5%);
}
+// Mailing list block
+.bg-white {
+ background-color: $base;
+}
+
+.bordered, .bordered-container, .breadcrumb-container {
+ border-color: lighten($base, 10%);
+}
+
+.email.message-body-container {
+ [bgcolor], [style*="background"] {
+ background-color: transparent !important;
+ div, p,
+ h1, h2, h3,
+ h4, h5, h6 {
+ color: $text_color !important;
+ }
+ }
+}
+
// Attachment button
.pm-button, .pm-button--info, .pm-button--redborder {
background: $base;
@@ -133,11 +157,6 @@
background: $base;
color: $text_color;
- &::before, &::after {
- border-bottom-color: $base;
- background: $base;
- }
-
button {
color: $text_color;
}
@@ -156,6 +175,34 @@
}
}
+.dropDown {
+ .dropDown-content {
+ &::before, &::after {
+ border-bottom-color: $base;
+ }
+ }
+}
+
+.dropDown--right-bottom {
+ &::before {
+ border-right-color: $base;
+ }
+
+ .dropDown-content {
+ &::before, &::after {
+ background: $base;
+ }
+ }
+}
+
+.dropDown--bottom-right {
+ .dropDown-content {
+ &::before, &::after {
+ background: $base;
+ }
+ }
+}
+
.dropDown--bottom-left::before,
.dropDown--bottom-right::before,
.dropDown--bottom::before {
@@ -188,11 +235,13 @@
}
// Links
-.link, a {
+.link, a, .pm-button--link {
color: $highlight;
}
-.link:active, .link:focus, .link:hover, a:active, a:focus, a:hover {
+.link:active, .link:focus, .link:hover,
+a:active, a:focus, a:hover,
+.pm-button--link:hover {
color: lighten($highlight, 5%);
}
@@ -282,4 +331,4 @@ select.pm-field, select.pm-field-icon-container {
.pm-toggle-label-img {
fill: $text_color;
}
-} \ No newline at end of file
+}