diff options
| author | cristiano <[email protected]> | 2019-11-24 12:53:28 +0000 |
|---|---|---|
| committer | cristiano <[email protected]> | 2019-11-24 12:53:28 +0000 |
| commit | ed7d7c01131ffecbbf60abf7ed050d25221ca10e (patch) | |
| tree | f589d897262dd19d8a8e11a26a3ab7d158411c7a /templates/@theme-base | |
| parent | c1e97195e21d59cad184315103da8293914b5366 (diff) | |
| download | protonmail-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.scss | 65 |
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 +} |
