diff options
| author | cristiano <[email protected]> | 2020-12-30 10:42:57 +0000 |
|---|---|---|
| committer | cristiano <[email protected]> | 2020-12-30 10:42:57 +0000 |
| commit | e87126a274a65aea41afdeffba37a1f24070c080 (patch) | |
| tree | 0fb5bc2eb5d1dd76b58d93133186dad59b278807 /templates/@theme-base | |
| parent | 84768ed7981b5b44de1125a0caa7fef852264c5d (diff) | |
| download | protonmail-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.scss | 16 | ||||
| -rw-r--r-- | templates/@theme-base/_styles.scss | 10 |
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%); |
