aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-01-17 11:51:08 +0100
committerChocobozzz <me@florianbigard.com>2019-01-17 11:51:08 +0100
commitaa87909287c4f4d38696244e32828265b040c7d5 (patch)
tree1666061dada8cd6e3df434764269d19c87dc7863
parentf2fab901df31a0e7081f4bb225f28e98798950b0 (diff)
downloadPeerTube-aa87909287c4f4d38696244e32828265b040c7d5.tar.gz
PeerTube-aa87909287c4f4d38696244e32828265b040c7d5.tar.zst
PeerTube-aa87909287c4f4d38696244e32828265b040c7d5.zip
Fix calendar in dark mode
-rw-r--r--client/src/app/menu/avatar-notification.component.scss2
-rw-r--r--client/src/sass/application.scss8
-rw-r--r--client/src/sass/include/_mixins.scss4
-rw-r--r--client/src/sass/primeng-custom.scss8
4 files changed, 16 insertions, 6 deletions
diff --git a/client/src/app/menu/avatar-notification.component.scss b/client/src/app/menu/avatar-notification.component.scss
index f6242eeae..a21e7beac 100644
--- a/client/src/app/menu/avatar-notification.component.scss
+++ b/client/src/app/menu/avatar-notification.component.scss
@@ -73,7 +73,7 @@
73 justify-content: center; 73 justify-content: center;
74 74
75 background-color: var(--mainColor); 75 background-color: var(--mainColor);
76 color: var(--mainBackgroundColor); 76 color: var(#fff);
77 font-size: 10px; 77 font-size: 10px;
78 font-weight: $font-semibold; 78 font-weight: $font-semibold;
79 79
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 783464f86..478737a43 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -290,12 +290,12 @@ ngb-tabset.bootstrap {
290 @include disable-default-a-behaviour; 290 @include disable-default-a-behaviour;
291 291
292 color: var(--mainForegroundColor) !important; 292 color: var(--mainForegroundColor) !important;
293
294 &.active {
295 color: #000 !important;
296 }
297 } 293 }
298 } 294 }
295
296 .nav-pills .nav-link.active {
297 color: #000 !important;
298 }
299} 299}
300 300
301.nav-tabs .nav-link.active { 301.nav-tabs .nav-link.active {
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 5b3346508..e18e9ae9d 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -261,6 +261,10 @@
261 color: transparent; 261 color: transparent;
262 text-shadow: 0 0 0 #000; 262 text-shadow: 0 0 0 #000;
263 } 263 }
264
265 option {
266 color: #000;
267 }
264 } 268 }
265} 269}
266 270
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index b3aac9d16..6e502b028 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -197,7 +197,7 @@ p-table {
197 height: auto !important; 197 height: auto !important;
198 198
199 a { 199 a {
200 color: #000 !important; 200 color: var(--mainForegroundColor) !important;
201 font-weight: $font-semibold !important; 201 font-weight: $font-semibold !important;
202 margin: 0 5px !important; 202 margin: 0 5px !important;
203 outline: 0 !important; 203 outline: 0 !important;
@@ -234,6 +234,7 @@ p-calendar .ui-datepicker {
234 @extend .glyphicon-chevron-right; 234 @extend .glyphicon-chevron-right;
235 @include glyphicon-light; 235 @include glyphicon-light;
236 236
237 color: #000 !important;
237 text-align: right; 238 text-align: right;
238 239
239 .pi.pi-chevron-right { 240 .pi.pi-chevron-right {
@@ -245,6 +246,7 @@ p-calendar .ui-datepicker {
245 @extend .glyphicon-chevron-left; 246 @extend .glyphicon-chevron-left;
246 @include glyphicon-light; 247 @include glyphicon-light;
247 248
249 color: #000 !important;
248 text-align: left; 250 text-align: left;
249 251
250 .pi.pi-chevron-left { 252 .pi.pi-chevron-left {
@@ -258,11 +260,15 @@ p-calendar .ui-datepicker {
258 .pi.pi-chevron-up { 260 .pi.pi-chevron-up {
259 @extend .glyphicon-chevron-up; 261 @extend .glyphicon-chevron-up;
260 @include glyphicon-light; 262 @include glyphicon-light;
263
264 color: #000 !important;
261 } 265 }
262 266
263 .pi.pi-chevron-down { 267 .pi.pi-chevron-down {
264 @extend .glyphicon-chevron-down; 268 @extend .glyphicon-chevron-down;
265 @include glyphicon-light; 269 @include glyphicon-light;
270
271 color: #000 !important;
266 } 272 }
267 } 273 }
268} 274}