forked from cybrespace/pinafore
Nolan Lawson
26b84c435a
Also only show the halo when we're actually scrolled down, because the point is to make it more visible against arbitrary content.
32 lines
1.3 KiB
SCSS
32 lines
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(0, 0, 0, 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%)};
|
|
}
|