fixing icons for dark modes

Signed-off-by: dartcafe <github@dartcafe.de>

3 files changed, 33 insertions, 22 deletions

diff --git a/src/js/assets/icons/anonymous-fff.svg b/src/js/assets/icons/anonymous-fff.svg
new file mode 100644
index 00000000..553fc7e9
--- /dev/null
+++ b/src/js/assets/icons/anonymous-fff.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" version="1.1" width="16" viewbox="0 0 16 16">
+  <g transform="matrix(0.02467591,0,0,0.02467591,1.609349,0.97068923)">
+    <path
+       style="fill:#fff"
+       d="m 511.086,187.131 c -37.584,-20.402 -77.071,-34.679 -120.667,-33.221 -24.969,0.843 -49.149,6.877 -73.324,12.632 -13.353,3.173 -26.705,6.403 -39.988,9.887 -4.051,1.066 -8.036,1.528 -11.982,1.682 -3.943,-0.147 -7.929,-0.616 -11.976,-1.682 -13.287,-3.484 -26.635,-6.714 -39.992,-9.887 -24.178,-5.75 -48.355,-11.789 -73.324,-12.632 -43.6,-1.458 -83.086,12.823 -120.667,33.221 -17.105,9.285 -21.56,17.524 -18.052,32.65 4.172,17.987 9.73,35.785 17.702,52.374 7.078,14.739 14.834,29.23 23.48,43.306 14.003,22.785 29.139,43.353 55.571,52.846 16.043,5.759 32.413,8.97 49.392,7.948 9.458,-0.574 18.027,-4.621 26.472,-8.807 8.387,-4.163 16.956,-8 24.498,-13.623 7.488,-5.587 15.45,-10.791 21.951,-17.408 0,0 26.892,-26.174 44.946,-30.196 18.064,4.027 44.946,30.196 44.946,30.196 6.501,6.617 14.464,11.821 21.959,17.408 7.537,5.623 16.115,9.455 24.497,13.623 8.438,4.186 17.007,8.232 26.472,8.807 16.979,1.021 33.347,-2.189 49.392,-7.948 26.43,-9.488 41.574,-30.061 55.566,-52.846 8.648,-14.071 16.4,-28.566 23.48,-43.306 7.967,-16.589 13.525,-34.382 17.702,-52.374 3.504,-15.126 -0.953,-23.365 -18.054,-32.65 z M 132.998,288.92 C 99.066,277.378 81.464,238.886 81.464,238.886 c 0,0 37.416,-19.77 71.348,-8.233 33.932,11.537 51.527,50.029 51.527,50.029 0,0 -37.414,19.775 -71.341,8.238 z m 264.258,0 c -33.93,11.537 -71.35,-8.237 -71.35,-8.237 0,0 17.604,-38.492 51.538,-50.029 33.925,-11.537 71.341,8.233 71.341,8.233 0,0 -17.594,38.491 -51.529,50.033 z" />
+  </g>
+</svg>
diff --git a/src/js/assets/scss/icons-dark.scss b/src/js/assets/scss/icons-dark.scss
index f9defe7a..1e62eb1b 100644
--- a/src/js/assets/scss/icons-dark.scss
+++ b/src/js/assets/scss/icons-dark.scss
@@ -1,22 +1,23 @@
-// TODO: preparation for full support of @media:prefers-color-scheme by core
-// until then, this ha no effect
-
-@media (prefers-color-scheme: dark) {
-	:root {
-		--icon-polls: url('../icons/polls-fff.svg');
-		--icon-circles: url('../icons/circles-fff.svg');
-		--icon-polls-back: url('../icons/back-fff.svg');
-		--icon-polls-confirmed: url('../icons/confirmed-fff.svg');
-		--icon-polls-unconfirmed: url('../icons/unconfirmed-fff.svg');
-		--icon-polls-clone: url('../icons/clone-fff.svg');
-		--icon-polls-move: url('../icons/move-fff.svg');
-		--icon-polls-handle: url('../icons/handle-fff.svg');
-		--icon-polls-mail: url('../icons/mail-fff.svg');
-		--icon-polls-sidebar-toggle: url('../icons/sidebar-toggle-fff.svg');
-		--icon-polls-loading: url('../icons/loading-small.gif');
-		--icon-polls-open: url('../icons/open-fff.svg');
-		--icon-polls-closed: url('../icons/closed-fff.svg');
-		--icon-polls-public-poll: url('../icons/visible-fff.svg');
-		--icon-polls-hidden-poll: url('../icons/invisible-fff.svg');
-	}
-}
+// TODO: preparation for full support of @media:prefers-color-scheme by core

+// until then, this ha no effect

+

+@media (prefers-color-scheme: dark) {

+	:root {

+		--icon-polls: url('../icons/polls-fff.svg');

+		--icon-circles: url('../icons/circles-fff.svg');

+		--icon-polls-back: url('../icons/back-fff.svg');

+		--icon-polls-anonymous: url('../icons/anonymous-fff.svg');

+		--icon-polls-confirmed: url('../icons/confirmed-fff.svg');

+		--icon-polls-unconfirmed: url('../icons/unconfirmed-fff.svg');

+		--icon-polls-clone: url('../icons/clone-fff.svg');

+		--icon-polls-move: url('../icons/move-fff.svg');

+		--icon-polls-handle: url('../icons/handle-fff.svg');

+		--icon-polls-mail: url('../icons/mail-fff.svg');

+		--icon-polls-sidebar-toggle: url('../icons/sidebar-toggle-fff.svg');

+		--icon-polls-loading: url('../icons/loading-small.gif');

+		--icon-polls-open: url('../icons/open-fff.svg');

+		--icon-polls-closed: url('../icons/closed-fff.svg');

+		--icon-polls-public-poll: url('../icons/visible-fff.svg');

+		--icon-polls-hidden-poll: url('../icons/invisible-fff.svg');

+	}

+}

diff --git a/src/js/assets/scss/icons.scss b/src/js/assets/scss/icons.scss
index cc1c8e7b..4e059de6 100644
--- a/src/js/assets/scss/icons.scss
+++ b/src/js/assets/scss/icons.scss
@@ -8,6 +8,7 @@
 	--icon-polls: url('../icons/polls.svg');
 	--icon-polls--fff: url('../icons/polls-fff.svg');
 	--icon-polls-anonymous: url('../icons/anonymous.svg');
+	--icon-polls-anonymous--fff: url('../icons/anonymous-fff.svg');
 	--icon-polls-back: url('../icons/back.svg');
 	--icon-polls-back--fff: url('../icons/back-fff.svg');
 	--icon-polls-clone: url('../icons/clone.svg');
@@ -83,10 +84,12 @@
 	.icon-handle { background-image: var(--icon-polls-handle--fff); }
 	.icon-list-view { background-image: var(--icon-polls-list-view-fff); }
 	.icon-polls { background-image: var(--icon-polls--fff); }
+	.icon-polls-anonymous { background-image: var(--icon-polls-anonymous--fff); }
 	.icon-polls-back { background-image: var(--icon-polls-back--fff); }
 	.icon-polls-clone { background-image: var(--icon-polls-clone--fff); }
 	.icon-polls-closed { background-image: var(--icon-polls-closed--fff); }
 	.icon-polls-confirmed { background-image: var(--icon-polls-confirmed--fff); }
+	.icon-polls-hidden { background-image: var(--icon-polls-hidden-poll--fff); }
 	.icon-polls-hidden-poll { background-image: var(--icon-polls-hidden-poll--fff); }
 	.icon-polls-mail { background-image: var(--icon-polls-mail--fff); }
 	.icon-polls-move { background-image: var(--icon-polls-move--fff); }