2019-09-26 18:07:45 +08:00
|
|
|
// 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);
|
|
|
|
|
// background color
|
2019-09-26 22:14:39 +08:00
|
|
|
$accent-color-50pct: var(--accent-color-50pct); //still needs alpha at .5
|
2019-09-26 18:07:45 +08:00
|
|
|
$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);
|
|
|
|
|
// base color
|
2019-09-26 22:14:39 +08:00
|
|
|
$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 18:07:45 +08:00
|
|
|
$interactive-tooltip-bg-color: var(--base-color);
|
|
|
|
|
$tagpanel-bg-color: var(--base-color);
|
|
|
|
|
$tooltip-timeline-bg-color: var(--base-color);
|
|
|
|
|
// panel color
|
|
|
|
|
$event-selected-color: var(--panel-color);
|
|
|
|
|
$header-panel-bg-color: var(--panel-color);
|
|
|
|
|
$reaction-row-button-bg-color: var(--panel-color);
|
2019-09-26 22:14:39 +08:00
|
|
|
$panel-gradient: var(--panel-color-0pct), var(--panel-color);
|
2019-09-26 18:07:45 +08:00
|
|
|
// 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);
|
|
|
|
|
// 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
|
|
|
|
|
// 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);
|
|
|
|
|
// body contrast color
|
2019-09-26 22:14:39 +08:00
|
|
|
$dialog-backdrop-color: var(--body-text-color-50pct); //still needs alpha at .38
|
2019-09-26 18:07:45 +08:00
|
|
|
$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);
|
|
|
|
|
// primary color
|
|
|
|
|
$accent-color-alt: var(--primary-color);
|
|
|
|
|
$input-focused-border-color: var(--primary-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);
|
|
|
|
|
|
2019-09-26 22:14:39 +08:00
|
|
|
$button-danger-disabled-bg-color: var(--warning-color-50pct); // still needs alpha at 0.5
|
