aboutsummaryrefslogtreecommitdiff
path: root/templates/@theme-base
diff options
context:
space:
mode:
authorcristiano <[email protected]>2020-12-30 10:42:57 +0000
committercristiano <[email protected]>2020-12-30 10:42:57 +0000
commite87126a274a65aea41afdeffba37a1f24070c080 (patch)
tree0fb5bc2eb5d1dd76b58d93133186dad59b278807 /templates/@theme-base
parent84768ed7981b5b44de1125a0caa7fef852264c5d (diff)
downloadprotonmail-themes-e87126a274a65aea41afdeffba37a1f24070c080.tar.xz
protonmail-themes-e87126a274a65aea41afdeffba37a1f24070c080.zip
Tweaks to theme templates.
Diffstat (limited to 'templates/@theme-base')
-rw-r--r--templates/@theme-base/_dark_mode.scss16
-rw-r--r--templates/@theme-base/_styles.scss10
2 files changed, 25 insertions, 1 deletions
diff --git a/templates/@theme-base/_dark_mode.scss b/templates/@theme-base/_dark_mode.scss
index 869adb5..7134048 100644
--- a/templates/@theme-base/_dark_mode.scss
+++ b/templates/@theme-base/_dark_mode.scss
@@ -69,6 +69,22 @@ body {
background: $base;
}
+ .composer-addresses-item {
+ background: darken($base, 5%);
+ }
+
+
+ .composer-addresses-autocomplete {
+ ul {
+ background: darken($base, 5%);
+ }
+
+ li[aria-selected="true"],
+ li:hover {
+ background: $base;
+ }
+ }
+
// Email tags present in new message window
.autocompleteEmails-item {
background-color: darken($base, 2%);
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index cac79a4..0f6dee1 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -27,7 +27,7 @@ html:not(.editor-squire-iframe) body {
// Compose button
.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
- color: #fff;
+ color: $text_color;
background-color: $highlight;
border: 1px solid $highlight;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
@@ -407,6 +407,14 @@ a:active, a:focus, a:hover,
}
}
+.pm-field, .editor,
+.editor-toolbar,
+.border-bottom,
+.border-top,
+.message-container.is-opened > .message-header {
+ border-color: darken($base, 10%);
+}
+
// Badges
.badgeLabel, .badgeLabel-primary {
border-color: darken($highlight, 10%);