imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Color cleanup number 10 (#7132)

Browse source
This commit is contained in:
Šimon Brandner 2021-11-16 11:10:44 +01:00 • committed by GitHub
parent 6d79b95876
commit 4eadb3bca1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 25 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

7
res/themes/dark/css/_dark.scss
View file

@ -48,11 +48,6 @@ $h3-color: $primary-content;
$focus-bg-color: $room-highlight-color;
$roomtopic-color: $text-secondary-color;
$light-fg-color: $header-panel-text-secondary-color;
$composer-e2e-icon-color: $header-panel-text-primary-color;
$header-divider-color: $header-panel-text-primary-color;
$groupFilterPanel-button-color: $header-panel-text-primary-color;
$groupheader-button-color: $header-panel-text-primary-color;
$rightpanel-button-color: $header-panel-text-primary-color;
$muted-fg-color: $header-panel-text-primary-color;
$info-plinth-bg-color: $header-panel-bg-color;
$dark-panel-bg-color: $header-panel-bg-color;
@ -79,7 +74,6 @@ $input-border-color: rgba(231, 231, 231, 0.2);
$input-darker-bg-color: #181b21;
$input-darker-fg-color: #61708b;
$input-lighter-bg-color: #f2f5f8;
$input-focused-border-color: #238cf5;
// ********************
// Menu
@ -122,7 +116,6 @@ $widget-body-bg-color: rgba(141, 151, 165, 0.2);
// ********************
$tab-label-fg-color: $primary-content;
$tab-label-active-fg-color: $primary-content;
$tab-label-active-icon-bg-color: $primary-content;
// ********************
// Buttons

7
res/themes/legacy-dark/css/_legacy-dark.scss
View file

@ -86,15 +86,9 @@ $settings-subsection-fg-color: $text-secondary-color;
$topleftmenu-color: $text-primary-color;
$roomheader-addroom-bg-color: #3c4556;
$roomheader-addroom-fg-color: $text-primary-color;
$groupFilterPanel-button-color: $header-panel-text-primary-color;
$groupheader-button-color: $header-panel-text-primary-color;
$rightpanel-button-color: $header-panel-text-primary-color;
$icon-button-color: $header-panel-text-primary-color;
$roomtopic-color: $text-secondary-color;
$header-divider-color: $header-panel-text-primary-color;
$composer-e2e-icon-color: $header-panel-text-primary-color;
// Legacy theme backports
$accent: #0DBD8B;
$alert: #FF5B55;
@ -148,7 +142,6 @@ $event-timestamp-color: $text-secondary-color;
// Tabbed views
$tab-label-fg-color: $text-primary-color;
$tab-label-active-fg-color: $text-primary-color;
$tab-label-active-icon-bg-color: $text-primary-color;
// Buttons
$button-primary-fg-color: #ffffff;

10
res/themes/legacy-light/css/_legacy-light.scss
View file

@ -112,7 +112,6 @@ $neutral-badge-color: #dbdbdb;
$preview-widget-bar-color: #ddd;
$blockquote-bar-color: #ddd;
$blockquote-fg-color: #777;
$settings-grey-fg-color: #a2a2a2;
$settings-profile-overlay-placeholder-fg-color: #2e2f32;
@ -124,19 +123,15 @@ $rte-code-bg-color: rgba(0, 0, 0, 0.04);
$rte-room-pill-color: #aaa;
$rte-group-pill-color: #aaa;
$header-panel-text-primary-color: #91a1c0;
$topleftmenu-color: #212121;
$roomheader-bg-color: $primary-bg-color;
$roomheader-addroom-bg-color: #91a1c0;
$roomheader-addroom-fg-color: $accent-fg-color;
$groupFilterPanel-button-color: #91a1c0;
$groupheader-button-color: #91a1c0;
$rightpanel-button-color: #91a1c0;
$icon-button-color: #91a1c0;
$roomtopic-color: #9e9e9e;
$composer-e2e-icon-color: #91a1c0;
$header-divider-color: #91a1c0;
// ********************
$theme-button-bg-color: #e3e8f0;
@ -230,7 +225,6 @@ $lightbox-border-color: #ffffff;
// Tabbed views
$tab-label-fg-color: #45474a;
$tab-label-active-fg-color: #ffffff;
$tab-label-active-icon-bg-color: $tab-label-active-fg-color;
// Buttons
$button-primary-fg-color: #ffffff;

2
res/themes/light-custom/css/_custom.scss
View file

@ -101,8 +101,6 @@ $settings-subsection-fg-color: var(--timeline-text-secondary-color);
$roomheader-addroom-bg-color: var(--timeline-text-secondary-color);
// was #747474
$light-fg-color: var(--timeline-text-secondary-color);
// was #777777
$blockquote-fg-color: var(--timeline-text-secondary-color);
// was #888888
$greyed-fg-color: var(--timeline-text-secondary-color);
$info-plinth-fg-color: var(--timeline-text-secondary-color);

26
res/themes/light/css/_light.scss
View file

@ -53,6 +53,7 @@ $icon-button-color: $quaternary-content;
// Colors that aren't in Figma - we need to get rid of these
// ********************
$header-panel-text-primary-color: #91A1C0;
$muted-fg-color: #61708b;
$light-fg-color: #747474;
$focus-bg-color: #dddddd;
@ -72,12 +73,7 @@ $strong-input-border-color: #c7c7c7;
$neutral-badge-color: #dbdbdb;
$preview-widget-bar-color: #ddd;
$topleftmenu-color: #212121;
$groupFilterPanel-button-color: #91A1C0;
$groupheader-button-color: #91A1C0;
$rightpanel-button-color: #91A1C0;
$roomtopic-color: #9e9e9e;
$composer-e2e-icon-color: #91A1C0;
$header-divider-color: #91A1C0;
$groupFilterPanel-bg-color: rgba(232, 232, 232, 0.77);
$progressbar-bg-color: rgba(141, 151, 165, 0.2);
$panel-gradient: rgba(242, 245, 248, 0), rgba(242, 245, 248, 1);
@ -91,7 +87,6 @@ $memberstatus-placeholder-color: $muted-fg-color;
// Blockquote
// ********************
$blockquote-bar-color: #ddd;
$blockquote-fg-color: #777;
// ********************
// Tooltip
@ -103,13 +98,13 @@ $tooltip-timeline-fg-color: $background;
// Widget
// ********************
$widget-menu-bar-bg-color: $secondary-accent-color;
$widget-body-bg-color: #FFF;
$widget-body-bg-color: $background;
// ********************
// Menu
// ********************
$menu-border-color: #e7e7e7;
$menu-bg-color: #fff;
$menu-bg-color: $system;
$menu-box-shadow-color: rgba(118, 131, 156, 0.6);
$menu-selected-color: #f5f8fa;
// ********************
@ -119,7 +114,7 @@ $menu-selected-color: #f5f8fa;
$settings-grey-fg-color: #a2a2a2;
$settings-profile-overlay-placeholder-fg-color: #2e2f32;
$settings-profile-button-bg-color: #e7e7e7;
$settings-subsection-fg-color: #61708b;
$settings-subsection-fg-color: $muted-fg-color;
// ********************
// RoomHeader
@ -150,7 +145,7 @@ $input-border-color: #e7e7e7;
$input-darker-bg-color: $quinary-content;
$input-darker-fg-color: #9fa9ba;
$input-lighter-bg-color: #f2f5f8;
$input-focused-border-color: #238cf5;
$input-focused-border-color: $accent-alt;
// ********************
// Dialog
@ -173,7 +168,7 @@ $imagebody-giflabel-color: rgba(255, 255, 255, 1);
$roomlist-button-bg-color: rgba(141, 151, 165, 0.2); // Buttons include the filter box, explore button, and sublist buttons
$roomlist-bg-color: rgba(245, 245, 245, 0.90);
$roomsublist-skeleton-ui-bg: linear-gradient(180deg, #ffffff 0%, #ffffff00 100%);
$roomtile-default-badge-bg-color: #61708b;
$roomtile-default-badge-bg-color: $muted-fg-color;
// ********************
// e2e
@ -188,12 +183,11 @@ $e2e-warning-color: #ba6363;
// ********************
$tab-label-fg-color: #45474a;
$tab-label-active-fg-color: $background;
$tab-label-active-icon-bg-color: $tab-label-active-fg-color;
// ********************
// Buttons
// ********************
$button-primary-fg-color: #ffffff;
$button-primary-fg-color: $background;
$button-secondary-bg-color: $accent-fg-color;
$button-danger-fg-color: $background;
$button-danger-disabled-fg-color: $background;
@ -203,7 +197,7 @@ $button-danger-disabled-bg-color: #f5b6bb; // TODO: Verify color
// Toggle switch
// ********************
$togglesw-off-color: #c1c9d6;
$togglesw-ball-color: #fff;
$togglesw-ball-color: $background;
// ********************
// Authpage
@ -213,7 +207,7 @@ $authpage-modal-bg-color: rgba(245, 245, 245, 0.90);
$authpage-focus-bg-color: #dddddd;
$authpage-lang-color: #4e5054;
$authpage-primary-color: #232f32;
$authpage-secondary-color: #61708b;
$authpage-secondary-color: $muted-fg-color;
// ********************
// Message action bar
@ -251,7 +245,7 @@ $eventbubble-reply-color: $quaternary-content;
// Lightbox
// ********************
$lightbox-fg-color: #ffffff;
$lightbox-fg-color: $background;
$lightbox-background-bg-color: #000;
$lightbox-background-bg-opacity: 0.95;
// ********************