diff options
author | Allan Wang <me@allanwang.ca> | 2021-09-12 20:58:51 -0700 |
---|---|---|
committer | Allan Wang <me@allanwang.ca> | 2021-09-12 20:58:51 -0700 |
commit | 0c93df88738db175eb05ed7e72b9bb28e466da07 (patch) | |
tree | 4d4d52221cabe3a34da07b9b0d9e1fd7f7d9ad4e /app/src/web/scss/core/_core_vars.scss | |
parent | b3971080c25607484c75098c7a88ff4b7b273550 (diff) | |
download | frost-0c93df88738db175eb05ed7e72b9bb28e466da07.tar.gz frost-0c93df88738db175eb05ed7e72b9bb28e466da07.tar.bz2 frost-0c93df88738db175eb05ed7e72b9bb28e466da07.zip |
Combine core vars
Diffstat (limited to 'app/src/web/scss/core/_core_vars.scss')
-rw-r--r-- | app/src/web/scss/core/_core_vars.scss | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/app/src/web/scss/core/_core_vars.scss b/app/src/web/scss/core/_core_vars.scss new file mode 100644 index 00000000..c7bee823 --- /dev/null +++ b/app/src/web/scss/core/_core_vars.scss @@ -0,0 +1,48 @@ +:root, .__fb-light-mode { + --accent: #{$accent} !important; + --attachment-footer-background: #{$bg_opaque} !important; + --background-deemphasized: #{$background} !important; + --card-background: #{$bg_opaque} !important; + --card-background-flat: #{$bg_opaque} !important; + --comment-background: #{$bg_opaque2} !important; + --comment-footer-background: #{$bg_opaque} !important; + --darkreader-bg--fds-white: #{$bg_opaque} !important; + --darkreader-text--primary-text: #{$text} !important; + --darkreader-text--secondary-text: #{$text} !important; + --disabled-button-background: #{$divider} !important; + --disabled-button-text: #{$text_disabled} !important; + --disabled-icon: #{$text_disabled} !important; + --disabled-text: #{$text_disabled} !important; + --divider: #{$divider} !important; + --event-date: #{$accent} !important; + --glimmer-spinner-icon: #{$accent} !important; + --hero-banner-background: #{$bg_opaque2} !important; + --highlight-bg: #{$bg_opaque2} !important; + --media-outer-border: #{$divider} !important; + --messenger-card-background: #{$bg_opaque} !important; // Main background; needs to be opaque to hide gradient used for sender card + --messenger-reply-background: #{$bg_opaque2} !important; + --nav-bar-background: #{$bg_opaque} !important; + --new-notification-background: #{$background2} !important; + --placeholder-icon: #{$text} !important; + --popover-background: #{$bg_opaque2} !important; + --primary-icon: #{$text} !important; + --primary-text: #{$text} !important; + --primary-button-text: #{$text} !important; + --primary-deemphasized-button-background: #{$divider} !important; + --primary-text-on-media: #{$text} !important; + --scroll-thumb: #{$accent} !important; + --secondary-icon: #{$text} !important; + --secondary-text: #{$text} !important; + --section-header-text: #{$text} !important; + --nav-bar-background-gradient-wash: #{$bg_opaque} !important; + --nav-bar-background-gradient: #{$bg_opaque} !important; + --placeholder-text: #{$text} !important; // Date + --surface-background: #{$bg_opaque2} !important; // Emoji background + --toggle-active-background: #{$bg_opaque2} !important; + --wash: #{$bg_opaque2} !important; + --web-wash: #{$bg_opaque2} !important; + + [role="navigation"] { + --surface-background: #{$bg_opaque} !important; // Nav background + } +} |