aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss5
-rw-r--r--client/src/sass/include/_variables.scss8
2 files changed, 13 insertions, 0 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 5386e3bb3..e10663c43 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -26,12 +26,17 @@ body {
26 --mainHoverColor: #{$orange-hover-color}; 26 --mainHoverColor: #{$orange-hover-color};
27 --mainBackgroundColor: #{$bg-color}; 27 --mainBackgroundColor: #{$bg-color};
28 --mainForegroundColor: #{$fg-color}; 28 --mainForegroundColor: #{$fg-color};
29
29 --menuBackgroundColor: #{$menu-background}; 30 --menuBackgroundColor: #{$menu-background};
30 --menuForegroundColor: #{$menu-color}; 31 --menuForegroundColor: #{$menu-color};
31 --submenuColor: #{$sub-menu-color}; 32 --submenuColor: #{$sub-menu-color};
33
32 --inputColor: #{$input-background-color}; 34 --inputColor: #{$input-background-color};
33 --inputPlaceholderColor: #{$input-placeholder-color}; 35 --inputPlaceholderColor: #{$input-placeholder-color};
34 36
37 --supportButtonBackgroundColor: #{$support-button};
38 --supportButtonColor: #{$white};
39
35 font-family: $main-fonts; 40 font-family: $main-fonts;
36 font-weight: $font-regular; 41 font-weight: $font-regular;
37 color: var(--mainForegroundColor); 42 color: var(--mainForegroundColor);
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index f629dc23e..0cec9c412 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -14,6 +14,8 @@ $grey-foreground-hover-color: #303030;
14$orange-color: #F1680D; 14$orange-color: #F1680D;
15$orange-hover-color: #F97D46; 15$orange-hover-color: #F97D46;
16 16
17$support-button: #38981a;
18
17$bg-color: #fff; 19$bg-color: #fff;
18$fg-color: #000; 20$fg-color: #000;
19 21
@@ -68,11 +70,17 @@ $variables: (
68 --mainHoverColor: var(--mainHoverColor), 70 --mainHoverColor: var(--mainHoverColor),
69 --mainBackgroundColor: var(--mainBackgroundColor), 71 --mainBackgroundColor: var(--mainBackgroundColor),
70 --mainForegroundColor: var(--mainForegroundColor), 72 --mainForegroundColor: var(--mainForegroundColor),
73
71 --menuBackgroundColor: var(--menuBackgroundColor), 74 --menuBackgroundColor: var(--menuBackgroundColor),
72 --menuForegroundColor: var(--menuForegroundColor), 75 --menuForegroundColor: var(--menuForegroundColor),
73 --submenuColor: var(--submenuColor), 76 --submenuColor: var(--submenuColor),
77
74 --inputColor: var(--inputColor), 78 --inputColor: var(--inputColor),
75 --inputPlaceholderColor: var(--inputPlaceholderColor), 79 --inputPlaceholderColor: var(--inputPlaceholderColor),
80
81 --supportButtonColor: var(--supportButtonColor),
82 --supportButtonBackgroundColor: var(--supportButtonBackgroundColor),
83
76 --embedForegroundColor: var(--embedForegroundColor), 84 --embedForegroundColor: var(--embedForegroundColor),
77 --embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor) 85 --embedBigPlayBackgroundColor: var(--embedBigPlayBackgroundColor)
78); 86);