48a1bd47b3
The point of this PR is to make it easier to implement scrollbars (#683). With this PR, the themes move from a body tag-based system (e.g. `body.theme-scarlet`) to a system where they simply declare global CSS and we use CSS specificity order to give us the right theme.
32 lines
No EOL
1.3 KiB
SCSS
32 lines
No EOL
1.3 KiB
SCSS
:root {
|
|
$deemphasized-color: lighten($main-bg-color, 45%);
|
|
|
|
--action-button-deemphasized-fill-color: #{$deemphasized-color};
|
|
--action-button-deemphasized-fill-color-hover: #{lighten($deemphasized-color, 22%)};
|
|
--action-button-deemphasized-fill-color-active: #{lighten($deemphasized-color, 5%)};
|
|
--action-button-deemphasized-fill-color-pressed: #{darken($deemphasized-color, 7%)};
|
|
--action-button-deemphasized-fill-color-pressed-hover: #{darken($deemphasized-color, 2%)};
|
|
--action-button-deemphasized-fill-color-pressed-active: #{darken($deemphasized-color, 15%)};
|
|
|
|
--loading-bg: #{#ededed};
|
|
|
|
--deemphasized-text-color: #{$deemphasized-color};
|
|
|
|
--very-deemphasized-link-color: #{rgba($anchor-color, 0.8)};
|
|
--very-deemphasized-text-color: #{lighten($main-bg-color, 32%)};
|
|
|
|
--status-direct-background: #{darken($body-bg-color, 5%)};
|
|
--main-theme-color: #{$main-theme-color};
|
|
--warning-color: #{#c7423d};
|
|
--alt-input-bg: #{rgba($main-bg-color, 0.7)};
|
|
|
|
--muted-modal-bg: #{transparent};
|
|
--muted-modal-focus: #{#999};
|
|
--muted-modal-hover: #{rgba(255, 255, 255, 0.2)};
|
|
|
|
--compose-button-halo: #{rgba(255, 255, 255, 0.1)};
|
|
|
|
--compose-autosuggest-item-hover: #{lighten($main-bg-color, 10%)};
|
|
--compose-autosuggest-item-active: #{lighten($main-bg-color, 15%)};
|
|
--compose-autosuggest-outline: #{lighten($border-color, 20%)};
|
|
} |