From 328cdbb16af4b33b6381688511d435ee8c1b63cf Mon Sep 17 00:00:00 2001 From: cristiano Date: Thu, 18 Jun 2020 11:35:09 +0100 Subject: Fixes encryption lock colour. Differentiates between e2e and zero access stored. --- templates/@theme-base/_full.scss | 5 +++++ templates/@theme-base/_styles.scss | 14 ++++++++++++++ 2 files changed, 19 insertions(+) diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss index ed35018..4773605 100644 --- a/templates/@theme-base/_full.scss +++ b/templates/@theme-base/_full.scss @@ -95,6 +95,11 @@ body { border-color: $text_color; } +// Encryption icon +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; +} + // Message items .conversation { border-color: lighten($base, 10%); diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss index 3f6aa93..9e32416 100644 --- a/templates/@theme-base/_styles.scss +++ b/templates/@theme-base/_styles.scss @@ -155,6 +155,20 @@ $boxshadow-main: none; fill: $highlight; } +// Encryption icon +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: darken($highlight, 5%); +} + +.encryptionStatus .color-pm-blue svg { + color: darken($highlight, 5%); + fill: darken($highlight, 5%); +} + +.encryptionStatus .color-global-grey-dm svg { + color: black; +} + // Highlighted text (seen when multiple messages are selected) .color-pm-blue { color: $highlight; -- cgit v1.2.3 From da75f1f09edf7f1ab4094e41497429abeaf9ee99 Mon Sep 17 00:00:00 2001 From: cristiano Date: Thu, 18 Jun 2020 11:35:23 +0100 Subject: =?UTF-8?q?Compiled=20themes.=20=F0=9F=92=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- themes/blue_and_orange/blue_and_orange.css | 10 ++++++++++ themes/blue_and_orange/blue_and_orange_full.css | 13 +++++++++++++ themes/dark_bubble_gum/dark_bubble_gum.css | 10 ++++++++++ themes/dark_bubble_gum/dark_bubble_gum_full.css | 13 +++++++++++++ themes/deutera_one/deutera_one.css | 10 ++++++++++ themes/deutera_one/deutera_one_full.css | 13 +++++++++++++ themes/dracula/dracula.css | 10 ++++++++++ themes/dracula/dracula_full.css | 13 +++++++++++++ themes/green_lume/green_lume.css | 10 ++++++++++ themes/green_lume/green_lume_full.css | 13 +++++++++++++ themes/gruvbox/gruvbox.css | 10 ++++++++++ themes/gruvbox/gruvbox_full.css | 13 +++++++++++++ themes/inbox/inbox.css | 10 ++++++++++ themes/monokai/monokai.css | 10 ++++++++++ themes/monokai/monokai_full.css | 13 +++++++++++++ themes/ochin/ochin.css | 10 ++++++++++ themes/ochin/ochin_full.css | 13 +++++++++++++ themes/vitamin_c/vitamin_c.css | 10 ++++++++++ themes/vitamin_c/vitamin_c_full.css | 13 +++++++++++++ 19 files changed, 217 insertions(+) diff --git a/themes/blue_and_orange/blue_and_orange.css b/themes/blue_and_orange/blue_and_orange.css index 4729359..aa27898 100644 --- a/themes/blue_and_orange/blue_and_orange.css +++ b/themes/blue_and_orange/blue_and_orange.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #ED7D3A; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #eb6e23; } + +.encryptionStatus .color-pm-blue svg { + color: #eb6e23; + fill: #eb6e23; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #ED7D3A; } diff --git a/themes/blue_and_orange/blue_and_orange_full.css b/themes/blue_and_orange/blue_and_orange_full.css index 5a2dbb5..e199ce8 100644 --- a/themes/blue_and_orange/blue_and_orange_full.css +++ b/themes/blue_and_orange/blue_and_orange_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #ED7D3A; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #eb6e23; } + +.encryptionStatus .color-pm-blue svg { + color: #eb6e23; + fill: #eb6e23; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #ED7D3A; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #167088; } diff --git a/themes/dark_bubble_gum/dark_bubble_gum.css b/themes/dark_bubble_gum/dark_bubble_gum.css index 49d0e91..7fadb16 100644 --- a/themes/dark_bubble_gum/dark_bubble_gum.css +++ b/themes/dark_bubble_gum/dark_bubble_gum.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #EF2D56; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #ed1543; } + +.encryptionStatus .color-pm-blue svg { + color: #ed1543; + fill: #ed1543; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #EF2D56; } diff --git a/themes/dark_bubble_gum/dark_bubble_gum_full.css b/themes/dark_bubble_gum/dark_bubble_gum_full.css index bd09c1f..1c0bebb 100644 --- a/themes/dark_bubble_gum/dark_bubble_gum_full.css +++ b/themes/dark_bubble_gum/dark_bubble_gum_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #EF2D56; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #ed1543; } + +.encryptionStatus .color-pm-blue svg { + color: #ed1543; + fill: #ed1543; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #EF2D56; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #363636; } diff --git a/themes/deutera_one/deutera_one.css b/themes/deutera_one/deutera_one.css index d7bbed7..642f1dc 100644 --- a/themes/deutera_one/deutera_one.css +++ b/themes/deutera_one/deutera_one.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #ffed00; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #e6d500; } + +.encryptionStatus .color-pm-blue svg { + color: #e6d500; + fill: #e6d500; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #ffed00; } diff --git a/themes/deutera_one/deutera_one_full.css b/themes/deutera_one/deutera_one_full.css index 6435072..86c5569 100644 --- a/themes/deutera_one/deutera_one_full.css +++ b/themes/deutera_one/deutera_one_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #ffed00; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #e6d500; } + +.encryptionStatus .color-pm-blue svg { + color: #e6d500; + fill: #e6d500; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #ffed00; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #0000a9; } diff --git a/themes/dracula/dracula.css b/themes/dracula/dracula.css index 1bf749d..9ad1c38 100644 --- a/themes/dracula/dracula.css +++ b/themes/dracula/dracula.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #FF79C6; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #ff60bb; } + +.encryptionStatus .color-pm-blue svg { + color: #ff60bb; + fill: #ff60bb; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #FF79C6; } diff --git a/themes/dracula/dracula_full.css b/themes/dracula/dracula_full.css index 24a3544..06028c6 100644 --- a/themes/dracula/dracula_full.css +++ b/themes/dracula/dracula_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #FF79C6; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #ff60bb; } + +.encryptionStatus .color-pm-blue svg { + color: #ff60bb; + fill: #ff60bb; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #FF79C6; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #3e4153; } diff --git a/themes/green_lume/green_lume.css b/themes/green_lume/green_lume.css index a350935..6d6d5c7 100644 --- a/themes/green_lume/green_lume.css +++ b/themes/green_lume/green_lume.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #2FBF71; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #2aab65; } + +.encryptionStatus .color-pm-blue svg { + color: #2aab65; + fill: #2aab65; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #2FBF71; } diff --git a/themes/green_lume/green_lume_full.css b/themes/green_lume/green_lume_full.css index 59366c6..b230bba 100644 --- a/themes/green_lume/green_lume_full.css +++ b/themes/green_lume/green_lume_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #2FBF71; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #2aab65; } + +.encryptionStatus .color-pm-blue svg { + color: #2aab65; + fill: #2aab65; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #2FBF71; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #d6d6d6; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #363636; } diff --git a/themes/gruvbox/gruvbox.css b/themes/gruvbox/gruvbox.css index b99deba..ac2b6f6 100644 --- a/themes/gruvbox/gruvbox.css +++ b/themes/gruvbox/gruvbox.css @@ -115,6 +115,16 @@ .starbutton:focus, .starbutton:hover { fill: #689d6a; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #5d8f5f; } + +.encryptionStatus .color-pm-blue svg { + color: #5d8f5f; + fill: #5d8f5f; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #689d6a; } diff --git a/themes/gruvbox/gruvbox_full.css b/themes/gruvbox/gruvbox_full.css index 059ba2b..2bb9b20 100644 --- a/themes/gruvbox/gruvbox_full.css +++ b/themes/gruvbox/gruvbox_full.css @@ -115,6 +115,16 @@ .starbutton:focus, .starbutton:hover { fill: #689d6a; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #5d8f5f; } + +.encryptionStatus .color-pm-blue svg { + color: #5d8f5f; + fill: #5d8f5f; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #689d6a; } @@ -307,6 +317,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #fbf1c7; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #424242; } diff --git a/themes/inbox/inbox.css b/themes/inbox/inbox.css index 6ee5a20..66484eb 100644 --- a/themes/inbox/inbox.css +++ b/themes/inbox/inbox.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #4285F4; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #2a75f3; } + +.encryptionStatus .color-pm-blue svg { + color: #2a75f3; + fill: #2a75f3; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #4285F4; } diff --git a/themes/monokai/monokai.css b/themes/monokai/monokai.css index 98ca53b..d843403 100644 --- a/themes/monokai/monokai.css +++ b/themes/monokai/monokai.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #89C62A; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #7ab126; } + +.encryptionStatus .color-pm-blue svg { + color: #7ab126; + fill: #7ab126; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #89C62A; } diff --git a/themes/monokai/monokai_full.css b/themes/monokai/monokai_full.css index 4d4cdf0..574d38e 100644 --- a/themes/monokai/monokai_full.css +++ b/themes/monokai/monokai_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #89C62A; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #7ab126; } + +.encryptionStatus .color-pm-blue svg { + color: #7ab126; + fill: #7ab126; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #89C62A; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #373932; } diff --git a/themes/ochin/ochin.css b/themes/ochin/ochin.css index d4859a6..72ba13c 100644 --- a/themes/ochin/ochin.css +++ b/themes/ochin/ochin.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #A8E576; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #9ae161; } + +.encryptionStatus .color-pm-blue svg { + color: #9ae161; + fill: #9ae161; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #A8E576; } diff --git a/themes/ochin/ochin_full.css b/themes/ochin/ochin_full.css index a469a40..9960104 100644 --- a/themes/ochin/ochin_full.css +++ b/themes/ochin/ochin_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #A8E576; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #9ae161; } + +.encryptionStatus .color-pm-blue svg { + color: #9ae161; + fill: #9ae161; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #A8E576; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #47576b; } diff --git a/themes/vitamin_c/vitamin_c.css b/themes/vitamin_c/vitamin_c.css index b497dca..771a1e2 100644 --- a/themes/vitamin_c/vitamin_c.css +++ b/themes/vitamin_c/vitamin_c.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #FD7400; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #e46800; } + +.encryptionStatus .color-pm-blue svg { + color: #e46800; + fill: #e46800; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #FD7400; } diff --git a/themes/vitamin_c/vitamin_c_full.css b/themes/vitamin_c/vitamin_c_full.css index cce16a2..7040aae 100644 --- a/themes/vitamin_c/vitamin_c_full.css +++ b/themes/vitamin_c/vitamin_c_full.css @@ -113,6 +113,16 @@ .starbutton:focus, .starbutton:hover { fill: #FD7400; } +.autocompleteEmailsItem-icon svg.encryptionIcon { + fill: #e46800; } + +.encryptionStatus .color-pm-blue svg { + color: #e46800; + fill: #e46800; } + +.encryptionStatus .color-global-grey-dm svg { + color: black; } + .color-pm-blue { color: #FD7400; } @@ -305,6 +315,9 @@ body { .composerInputMeta-overlay-fakefield { border-color: #e6eaf0; } +.encryptionStatus .color-global-grey-dm:not(.color-pm-blue) svg { + color: white; } + .conversation { border-color: #006a8b; } -- cgit v1.2.3