PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Make a few colors customizable (#7270)

Browse source
This commit is contained in:
Šimon Brandner 2021-12-03 10:05:25 +01:00 committed by GitHub
parent f2fee53a0e
commit fe7f453b1f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -46,6 +46,7 @@ $menu-bg-color: var(--timeline-background-color);
$message-action-bar-bg-color: var(--timeline-background-color); $message-action-bar-bg-color: var(--timeline-background-color);
$background: var(--timeline-background-color); $background: var(--timeline-background-color);
$togglesw-ball-color: var(--timeline-background-color); $togglesw-ball-color: var(--timeline-background-color);
$togglesw-off-color: var(--togglesw-off-color);
$droptarget-bg-color: var(--timeline-background-color-50pct); //still needs alpha at .5 $droptarget-bg-color: var(--timeline-background-color-50pct); //still needs alpha at .5
$authpage-modal-bg-color: var(--timeline-background-color-50pct); //still needs alpha at .59 $authpage-modal-bg-color: var(--timeline-background-color-50pct); //still needs alpha at .59
$roomheader-bg-color: var(--timeline-background-color); $roomheader-bg-color: var(--timeline-background-color);
@ -99,6 +100,11 @@ $settings-subsection-fg-color: var(--timeline-text-secondary-color);
$roomheader-addroom-bg-color: var(--timeline-text-secondary-color); $roomheader-addroom-bg-color: var(--timeline-text-secondary-color);
// was #747474 // was #747474
$light-fg-color: var(--timeline-text-secondary-color); $light-fg-color: var(--timeline-text-secondary-color);
$focus-bg-color: var(--focus-bg-color, $focus-bg-color);
$room-highlight-color: var(--room-highlight-color);
$rte-room-pill-color: $room-highlight-color;
// was #888888 // was #888888
$info-plinth-fg-color: var(--timeline-text-secondary-color); $info-plinth-fg-color: var(--timeline-text-secondary-color);
// //
@ -130,3 +136,8 @@ $eventbubble-self-bg: var(--eventbubble-self-bg, $eventbubble-self-bg);
$eventbubble-others-bg: var(--eventbubble-others-bg, $eventbubble-others-bg); $eventbubble-others-bg: var(--eventbubble-others-bg, $eventbubble-others-bg);
$eventbubble-bg-hover: var(--eventbubble-bg-hover, $eventbubble-bg-hover); $eventbubble-bg-hover: var(--eventbubble-bg-hover, $eventbubble-bg-hover);
$eventbubble-reply-color: var(--eventbubble-reply-color, $eventbubble-reply-color); $eventbubble-reply-color: var(--eventbubble-reply-color, $eventbubble-reply-color);
$reaction-row-button-selected-bg-color: var(--reaction-row-button-selected-bg-color, $reaction-row-button-selected-bg-color);
$menu-selected-color: var(--menu-selected-color, $menu-selected-color);
$other-user-pill-bg-color: var(--other-user-pill-bg-color, $other-user-pill-bg-color);