aboutsummaryrefslogtreecommitdiff
path: root/app/src/web/scss/messenger/core/_core_vars.scss
blob: 667952995443a28e37bba97cb1f84b1e91aa75f6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
:root, .__fb-light-mode {
  --attachment-footer-background: #{$bg_opaque} !important;
  --card-background-flat: #{$bg_opaque} !important;
  --card-background: #{$bg_opaque} !important;
  --comment-background: #{$bg_opaque2} !important;
  --comment-footer-background: #{$bg_opaque} !important;
  --disabled-button-background: #{$bg_opaque} !important;
  --disabled-icon: #{$text_disabled} !important;
  --disabled-text: #{$text_disabled} !important;
  --divider: #{$divider} !important;
  --hero-banner-background: #{$bg_opaque} !important;
  --highlight-bg: #{$bg_opaque2} !important;
  --media-outer-border: #{$bg_opaque} !important;
  --messenger-card-background: #{$bg_opaque} !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-gradient-wash: #{$bg_opaque} !important;
  --nav-bar-background-gradient: #{$bg_opaque} !important;
  --nav-bar-background: #{$bg_opaque} !important;
  --new-notification-background: #{$bg_opaque2} !important;
  --placeholder-text: #{$text} !important; // Date
  --primary-icon: #{$text} !important;
  --primary-text: #{$text} !important;
  --secondary-icon: #{$text} !important;
  --secondary-text: #{$text} !important;
  --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
  }
}