aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-01-17 11:30:47 +0100
committerChocobozzz <me@florianbigard.com>2019-01-17 11:34:29 +0100
commitf2fab901df31a0e7081f4bb225f28e98798950b0 (patch)
tree59a7fc9b5d22837e66654e09429ccfa2555364c6
parentdc094603cd9eccce3243a6b6ccec3416491f59d2 (diff)
downloadPeerTube-f2fab901df31a0e7081f4bb225f28e98798950b0.tar.gz
PeerTube-f2fab901df31a0e7081f4bb225f28e98798950b0.tar.zst
PeerTube-f2fab901df31a0e7081f4bb225f28e98798950b0.zip
Fix invisible things in dark mode
-rw-r--r--client/src/app/shared/misc/help.component.scss10
-rw-r--r--client/src/assets/images/global/help.html4
-rw-r--r--client/src/sass/application.scss4
-rw-r--r--client/src/sass/include/_mixins.scss4
-rw-r--r--client/src/sass/primeng-custom.scss8
5 files changed, 20 insertions, 10 deletions
diff --git a/client/src/app/shared/misc/help.component.scss b/client/src/app/shared/misc/help.component.scss
index 4565d457a..3898f3cda 100644
--- a/client/src/app/shared/misc/help.component.scss
+++ b/client/src/app/shared/misc/help.component.scss
@@ -10,6 +10,8 @@
10 position: relative; 10 position: relative;
11 top: -2px; 11 top: -2px;
12 margin: 5px; 12 margin: 5px;
13
14 @include apply-svg-color(var(--mainForegroundColor))
13 } 15 }
14} 16}
15 17
@@ -18,15 +20,15 @@
18 max-width: 300px; 20 max-width: 300px;
19 21
20 .popover-body { 22 .popover-body {
23 font-family: $main-fonts;
21 text-align: left; 24 text-align: left;
22 padding: 10px; 25 padding: 10px;
23 font-size: 13px; 26 font-size: 13px;
24 font-family: $main-fonts; 27 background-color: var(--mainBackgroundColor);
25 background-color: #fff; 28 color: var(--mainForegroundColor);
26 color: #000;
27 box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); 29 box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
28 30
29 p:last-child { 31 p {
30 margin-bottom: 0; 32 margin-bottom: 0;
31 } 33 }
32 34
diff --git a/client/src/assets/images/global/help.html b/client/src/assets/images/global/help.html
index 27e9bee6f..80cd40321 100644
--- a/client/src/assets/images/global/help.html
+++ b/client/src/assets/images/global/help.html
@@ -2,8 +2,8 @@
2 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> 2 <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
3 <g transform="translate(-400.000000, -247.000000)"> 3 <g transform="translate(-400.000000, -247.000000)">
4 <g id="69" transform="translate(400.000000, 247.000000)"> 4 <g id="69" transform="translate(400.000000, 247.000000)">
5 <circle id="Oval-7" stroke="#333333" stroke-width="2" cx="12" cy="12" r="10"></circle> 5 <circle id="Oval-7" stroke="#000000" stroke-width="2" cx="12" cy="12" r="10"></circle>
6 <path d="M12.016,14.544 C12.384,14.544 12.64,14.256 12.704,13.904 L12.768,13.168 C14.544,12.864 16,11.952 16,9.936 L16,9.904 C16,7.904 14.48,6.656 12.24,6.656 C10.768,6.656 9.696,7.184 8.848,7.984 C8.624,8.176 8.528,8.432 8.528,8.672 C8.528,9.152 8.928,9.552 9.424,9.552 C9.648,9.552 9.856,9.456 10.016,9.328 C10.656,8.752 11.344,8.448 12.192,8.448 C13.344,8.448 14.032,9.072 14.032,9.968 L14.032,10 C14.032,11.008 13.2,11.584 11.696,11.728 C11.264,11.776 11.008,12.096 11.072,12.528 L11.232,13.904 C11.28,14.272 11.552,14.544 11.92,14.544 L12.016,14.544 Z M10.784,16.816 L10.784,16.976 C10.784,17.6 11.264,18.08 11.92,18.08 C12.576,18.08 13.056,17.6 13.056,16.976 L13.056,16.816 C13.056,16.192 12.576,15.712 11.92,15.712 C11.264,15.712 10.784,16.192 10.784,16.816 Z" id="?" fill="#333333"></path> 6 <path d="M12.016,14.544 C12.384,14.544 12.64,14.256 12.704,13.904 L12.768,13.168 C14.544,12.864 16,11.952 16,9.936 L16,9.904 C16,7.904 14.48,6.656 12.24,6.656 C10.768,6.656 9.696,7.184 8.848,7.984 C8.624,8.176 8.528,8.432 8.528,8.672 C8.528,9.152 8.928,9.552 9.424,9.552 C9.648,9.552 9.856,9.456 10.016,9.328 C10.656,8.752 11.344,8.448 12.192,8.448 C13.344,8.448 14.032,9.072 14.032,9.968 L14.032,10 C14.032,11.008 13.2,11.584 11.696,11.728 C11.264,11.776 11.008,12.096 11.072,12.528 L11.232,13.904 C11.28,14.272 11.552,14.544 11.92,14.544 L12.016,14.544 Z M10.784,16.816 L10.784,16.976 C10.784,17.6 11.264,18.08 11.92,18.08 C12.576,18.08 13.056,17.6 13.056,16.976 L13.056,16.816 C13.056,16.192 12.576,15.712 11.92,15.712 C11.264,15.712 10.784,16.192 10.784,16.816 Z" id="?" fill="#000000"></path>
7 </g> 7 </g>
8 </g> 8 </g>
9 </g> 9 </g>
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 37837bfc0..783464f86 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -290,6 +290,10 @@ 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 }
293 } 297 }
294 } 298 }
295} 299}
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 8749649d3..5b3346508 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -57,11 +57,11 @@
57 57
58@mixin apply-svg-color ($color) { 58@mixin apply-svg-color ($color) {
59 /deep/ svg { 59 /deep/ svg {
60 path[fill="#000000"], g[fill="#000000"], rect[fill="#000000"] { 60 path[fill="#000000"], g[fill="#000000"], rect[fill="#000000"], circle[fill="#000000"] {
61 fill: $color; 61 fill: $color;
62 } 62 }
63 63
64 path[stroke="#000000"], g[stroke="#000000"], rect[stroke="#000000"] { 64 path[stroke="#000000"], g[stroke="#000000"], rect[stroke="#000000"], circle[stroke="#000000"] {
65 stroke: $color; 65 stroke: $color;
66 } 66 }
67 } 67 }
diff --git a/client/src/sass/primeng-custom.scss b/client/src/sass/primeng-custom.scss
index 7ba011180..b3aac9d16 100644
--- a/client/src/sass/primeng-custom.scss
+++ b/client/src/sass/primeng-custom.scss
@@ -14,7 +14,7 @@
14p-table { 14p-table {
15 .ui-table-caption { 15 .ui-table-caption {
16 border: none !important; 16 border: none !important;
17 background-color: #fff !important; 17 background-color: var(--mainBackgroundColor) !important;
18 18
19 .caption { 19 .caption {
20 height: 40px; 20 height: 40px;
@@ -24,7 +24,7 @@ p-table {
24 } 24 }
25 25
26 th { 26 th {
27 background-color: #fff !important; 27 background-color: var(--mainBackgroundColor) !important;
28 outline: 0; 28 outline: 0;
29 } 29 }
30 30
@@ -122,10 +122,14 @@ p-table {
122 122
123 &.pi-sort-up { 123 &.pi-sort-up {
124 @extend .glyphicon-triangle-top; 124 @extend .glyphicon-triangle-top;
125
126 color: var(--mainForegroundColor) !important;
125 } 127 }
126 128
127 &.pi-sort-down { 129 &.pi-sort-down {
128 @extend .glyphicon-triangle-bottom; 130 @extend .glyphicon-triangle-bottom;
131
132 color: var(--mainForegroundColor) !important;
129 } 133 }
130 } 134 }
131 } 135 }