aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/+video-edit
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2018-09-04 01:28:04 +0200
committerRigel Kent <par@rigelk.eu>2018-09-04 23:24:34 +0200
commit9a0fc8409c7a783348ec212fa9f38d0a98413467 (patch)
tree8b17264ef915e339d067abe6717c1574f1a2f36b /client/src/app/videos/+video-edit
parent3b766e181c59ce148fde73e507276c9fbaf37eb1 (diff)
downloadPeerTube-9a0fc8409c7a783348ec212fa9f38d0a98413467.tar.gz
PeerTube-9a0fc8409c7a783348ec212fa9f38d0a98413467.tar.zst
PeerTube-9a0fc8409c7a783348ec212fa9f38d0a98413467.zip
add theming via css custom properties
and a bonus dark color theme toggle
Diffstat (limited to 'client/src/app/videos/+video-edit')
-rw-r--r--client/src/app/videos/+video-edit/video-add.component.scss9
1 files changed, 3 insertions, 6 deletions
diff --git a/client/src/app/videos/+video-edit/video-add.component.scss b/client/src/app/videos/+video-edit/video-add.component.scss
index 892520e40..2f078d46d 100644
--- a/client/src/app/videos/+video-edit/video-add.component.scss
+++ b/client/src/app/videos/+video-edit/video-add.component.scss
@@ -5,8 +5,6 @@ $border-width: 3px;
5$border-type: solid; 5$border-type: solid;
6$border-color: #EAEAEA; 6$border-color: #EAEAEA;
7 7
8$background-color: #F7F7F7;
9
10/deep/ .root-tabset.video-add-tabset { 8/deep/ .root-tabset.video-add-tabset {
11 &.hide-nav .nav { 9 &.hide-nav .nav {
12 display: none !important; 10 display: none !important;
@@ -24,7 +22,6 @@ $background-color: #F7F7F7;
24 a.nav-link { 22 a.nav-link {
25 @include disable-default-a-behaviour; 23 @include disable-default-a-behaviour;
26 24
27 color: #000;
28 height: 40px !important; 25 height: 40px !important;
29 padding: 0 30px !important; 26 padding: 0 30px !important;
30 font-size: 15px; 27 font-size: 15px;
@@ -32,10 +29,10 @@ $background-color: #F7F7F7;
32 &.active { 29 &.active {
33 border: $border-width $border-type $border-color; 30 border: $border-width $border-type $border-color;
34 border-bottom: none; 31 border-bottom: none;
35 background-color: $background-color !important; 32 background-color: var(--mainBackgroundColor) !important;
36 33
37 span { 34 span {
38 border-bottom: 2px solid #F1680D; 35 border-bottom: 2px solid var(--mainColor);
39 font-weight: $font-bold; 36 font-weight: $font-bold;
40 } 37 }
41 } 38 }
@@ -46,7 +43,7 @@ $background-color: #F7F7F7;
46 border: $border-width $border-type $border-color; 43 border: $border-width $border-type $border-color;
47 border-top: none; 44 border-top: none;
48 45
49 background-color: $background-color; 46 background-color: var(--mainBackgroundColor);
50 border-radius: 3px; 47 border-radius: 3px;
51 width: 100%; 48 width: 100%;
52 min-height: 440px; 49 min-height: 440px;