aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-12-03 20:10:27 +0100
committerChocobozzz <me@florianbigard.com>2019-12-03 20:10:27 +0100
commit2fcc2294974dacef3c83928abf0f299e8ae12cd2 (patch)
tree5517cc391de2b8c80d3b1c956966edbe9e130d80
parent64ff48cb8d854f43884cd769d1eec71f6394cd77 (diff)
downloadPeerTube-2fcc2294974dacef3c83928abf0f299e8ae12cd2.tar.gz
PeerTube-2fcc2294974dacef3c83928abf0f299e8ae12cd2.tar.zst
PeerTube-2fcc2294974dacef3c83928abf0f299e8ae12cd2.zip
Test a color for the support button
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss13
-rw-r--r--client/src/sass/application.scss5
-rw-r--r--client/src/sass/include/_variables.scss8
3 files changed, 26 insertions, 0 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index 2e7131067..80d01b7ce 100644
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -255,6 +255,19 @@ $player-factor: 1.7; // 16/9
255 } 255 }
256 } 256 }
257 257
258 &.action-button-support {
259 color: var(--supportButtonColor);
260 background-color: var(--supportButtonBackgroundColor);
261
262 &:hover {
263 opacity: 0.9;
264 }
265
266 my-global-icon {
267 @include apply-svg-color(var(--supportButtonColor));
268 }
269 }
270
258 &.action-button-save { 271 &.action-button-save {
259 my-global-icon { 272 my-global-icon {
260 top: 0 !important; 273 top: 0 !important;
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);