aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header/header.component.scss
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/header/header.component.scss
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/header/header.component.scss')
-rw-r--r--client/src/app/header/header.component.scss5
1 files changed, 3 insertions, 2 deletions
diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss
index 8251ec1b5..bd03c338a 100644
--- a/client/src/app/header/header.component.scss
+++ b/client/src/app/header/header.component.scss
@@ -8,7 +8,7 @@
8 padding-right: 40px; // For the search icon 8 padding-right: 40px; // For the search icon
9 9
10 &::placeholder { 10 &::placeholder {
11 color: #000; 11 color: var(--inputPlaceholderColor);
12 } 12 }
13 13
14 &:focus::placeholder { 14 &:focus::placeholder {
@@ -28,7 +28,8 @@
28 @include icon(25px); 28 @include icon(25px);
29 height: 21px; 29 height: 21px;
30 30
31 background-image: url('../../assets/images/header/search.svg'); 31 background-color: var(--mainForegroundColor);
32 mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%;
32 33
33 // yolo 34 // yolo
34 position: absolute; 35 position: absolute;