aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared
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/shared
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/shared')
-rw-r--r--client/src/app/shared/misc/help.component.scss1
-rw-r--r--client/src/app/shared/video/video-feed.component.scss3
-rw-r--r--client/src/app/shared/video/video-miniature.component.scss2
3 files changed, 3 insertions, 3 deletions
diff --git a/client/src/app/shared/misc/help.component.scss b/client/src/app/shared/misc/help.component.scss
index fe64a270d..5c73a8031 100644
--- a/client/src/app/shared/misc/help.component.scss
+++ b/client/src/app/shared/misc/help.component.scss
@@ -7,7 +7,6 @@
7 position: relative; 7 position: relative;
8 top: -2px; 8 top: -2px;
9 background-image: url('../../../assets/images/global/help.svg'); 9 background-image: url('../../../assets/images/global/help.svg');
10 background-color: #fff;
11 border: none; 10 border: none;
12 margin: 5px; 11 margin: 5px;
13} 12}
diff --git a/client/src/app/shared/video/video-feed.component.scss b/client/src/app/shared/video/video-feed.component.scss
index 9dab18ffd..385764be0 100644
--- a/client/src/app/shared/video/video-feed.component.scss
+++ b/client/src/app/shared/video/video-feed.component.scss
@@ -12,7 +12,8 @@
12 &.icon-syndication { 12 &.icon-syndication {
13 position: relative; 13 position: relative;
14 top: -2px; 14 top: -2px;
15 background-image: url('../../../assets/images/global/syndication.svg'); 15 background-color: var(--mainForegroundColor);
16 mask-image: url('../../../assets/images/global/syndication.svg');
16 } 17 }
17 } 18 }
18} \ No newline at end of file 19} \ No newline at end of file
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index cc643f9d9..895879adc 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -22,7 +22,7 @@
22 transition: color 0.2s; 22 transition: color 0.2s;
23 font-size: 16px; 23 font-size: 16px;
24 font-weight: $font-semibold; 24 font-weight: $font-semibold;
25 color: $fg-color; 25 color: var(--mainForegroundColor);
26 margin-top: 5px; 26 margin-top: 5px;
27 margin-bottom: 5px; 27 margin-bottom: 5px;
28 28