diff options
| author | Rigel Kent <sendmemail@rigelk.eu> | 2018-09-04 01:28:04 +0200 |
|---|---|---|
| committer | Rigel Kent <par@rigelk.eu> | 2018-09-04 23:24:34 +0200 |
| commit | 9a0fc8409c7a783348ec212fa9f38d0a98413467 (patch) | |
| tree | 8b17264ef915e339d067abe6717c1574f1a2f36b /client/src/app/+my-account | |
| parent | 3b766e181c59ce148fde73e507276c9fbaf37eb1 (diff) | |
| download | PeerTube-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/+my-account')
3 files changed, 3 insertions, 3 deletions
diff --git a/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss b/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss index 8cb0b677d..700d516d5 100644 --- a/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss +++ b/client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.scss | |||
| @@ -19,7 +19,7 @@ | |||
| 19 | width: fit-content; | 19 | width: fit-content; |
| 20 | display: flex; | 20 | display: flex; |
| 21 | align-items: baseline; | 21 | align-items: baseline; |
| 22 | color: #000; | 22 | color: var(--mainForegroundColor); |
| 23 | 23 | ||
| 24 | .video-channel-display-name { | 24 | .video-channel-display-name { |
| 25 | font-weight: $font-semibold; | 25 | font-weight: $font-semibold; |
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss index 83d657f03..472cbb723 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | |||
| @@ -29,7 +29,7 @@ | |||
| 29 | width: fit-content; | 29 | width: fit-content; |
| 30 | display: flex; | 30 | display: flex; |
| 31 | align-items: baseline; | 31 | align-items: baseline; |
| 32 | color: #000; | 32 | color: var(--mainForegroundColor); |
| 33 | 33 | ||
| 34 | .video-channel-display-name { | 34 | .video-channel-display-name { |
| 35 | font-weight: $font-semibold; | 35 | font-weight: $font-semibold; |
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index 8d0dec07d..2db81a3fe 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
| @@ -59,7 +59,7 @@ | |||
| 59 | .video-info-name { | 59 | .video-info-name { |
| 60 | @include disable-default-a-behaviour; | 60 | @include disable-default-a-behaviour; |
| 61 | 61 | ||
| 62 | color: #000; | 62 | color: var(--mainForegroundColor); |
| 63 | display: block; | 63 | display: block; |
| 64 | width: fit-content; | 64 | width: fit-content; |
| 65 | font-size: 16px; | 65 | font-size: 16px; |