element-web/res/themes/light-custom/css/_custom.scss

82 lines
3.5 KiB
SCSS
Raw Normal View History

2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: accent color
$accent-color: var(--accent-color);
$button-bg-color: var(--accent-color);
$button-link-fg-color: var(--accent-color);
$button-primary-bg-color: var(--accent-color);
$input-valid-border-color: var(--accent-color);
$reaction-row-button-selected-border-color: var(--accent-color);
$roomsublist-chevron-color: var(--accent-color);
$tab-label-active-bg-color: var(--accent-color);
$togglesw-on-color: var(--accent-color);
$username-variant3-color: var(--accent-color);
$accent-color-50pct: var(--accent-color-50pct); //still needs alpha at .5
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: background color
$authpage-body-bg-color: var(--background-color);
$avatar-bg-color: var(--background-color);
$button-secondary-bg-color: var(--background-color);
$field-focused-label-bg-color: var(--background-color);
$lightbox-border-color: var(--background-color);
$menu-bg-color: var(--background-color);
$message-action-bar-bg-color: var(--background-color);
$primary-bg-color: var(--background-color);
$roomtile-focused-bg-color: var(--background-color);
$roomtile-selected-bg-color: var(--background-color);
$togglesw-ball-color: var(--background-color);
$droptarget-bg-color: var(--background-color-50pct); //still needs alpha at .5
$authpage-modal-bg-color: var(--background-color-50pct); //still needs alpha at .59
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: base color
$interactive-tooltip-bg-color: var(--base-color);
$tagpanel-bg-color: var(--base-color);
$tooltip-timeline-bg-color: var(--base-color);
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: panel color
$event-selected-color: var(--panel-color);
$header-panel-bg-color: var(--panel-color);
$reaction-row-button-bg-color: var(--panel-color);
$panel-gradient: var(--panel-color-0pct), var(--panel-color);
// these were #f2f5f8 instead of #f3f8fd, but close enough
$dark-panel-bg-color: var(--panel-color);
$input-lighter-bg-color: var(--panel-color);
$plinth-bg-color: var(--panel-color);
$roomsublist-background: var(--panel-color);
$secondary-accent-color: var(--panel-color);
$selected-color: var(--panel-color);
$widget-menu-bar-bg-color: var(--panel-color);
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: panel contrast color
$input-darker-bg-color: var(--panel-contrast-color);
$panel-divider-color: var(--panel-contrast-color);// originally #dee1f3, not #e3e8f0, but close enough
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: body text color
$message-action-bar-fg-color: var(--body-text-color);
$primary-fg-color: var(--body-text-color);
$settings-profile-overlay-placeholder-fg-color: var(--body-text-color);
$dialog-backdrop-color: var(--body-text-color-50pct); //still needs alpha at .38
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: body contrast color
$authpage-secondary-color: var(--body-contrast-color);
$memberstatus-placeholder-color: var(--body-contrast-color);
$notice-secondary-color: var(--body-contrast-color);
$pinned-color: var(--body-contrast-color);
$roomsublist-label-fg-color: var(--body-contrast-color);
$roomtile-name-color: var(--body-contrast-color);
$settings-subsection-fg-color: var(--body-contrast-color);
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: primary color
$accent-color-alt: var(--primary-color);
$input-focused-border-color: var(--primary-color);
2019-09-26 16:15:45 +02:00
//
// PALETTE COLOR: warning color
$button-danger-bg-color: var(--warning-color);
$event-highlight-fg-color: var(--warning-color);
$input-invalid-border-color: var(--warning-color);
$mention-user-pill-bg-color: var(--warning-color);
$notice-primary-color: var(--warning-color);
$pinned-unread-color: var(--warning-color);
$warning-color: var(--warning-color);
$button-danger-disabled-bg-color: var(--warning-color-50pct); // still needs alpha at 0.5