Fix Light Mode Image

newfold-labs · Nov 18, 2023 · 190a943 · 190a943
1 parent 7244d45
commit 190a943
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 24 deletions.
diff --git a/build/1.11.8/images/toggle-light-mode.8d7afd07.png b/build/1.11.8/images/toggle-light-mode.8d7afd07.png
diff --git a/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss b/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss
@@ -2,14 +2,15 @@
 	position: absolute;
 	bottom: 25px;
 	left: 25px;
-	z-index: 999;
+	z-index: 1;
 
 	&__button {
 		width: 60px;
 		height: 60px;
 		cursor: pointer;
 
 		&__light {
+			animation: fadeIn 600ms ease-in-out;
 			background: var(--sitegen-toggle-theme-icon-light);
 		}
 

diff --git a/src/OnboardingSPA/static/icons/toggle-light-mode.png b/src/OnboardingSPA/static/icons/toggle-light-mode.png
diff --git a/src/OnboardingSPA/static/icons/toggle-light-mode.svg b/src/OnboardingSPA/static/icons/toggle-light-mode.svg
diff --git a/src/OnboardingSPA/styles/_icons.scss b/src/OnboardingSPA/styles/_icons.scss
@@ -39,5 +39,5 @@ body {
 
 	--sitegen-background: url(../static/images/sitegen-bg.png);
 	--sitegen-toggle-theme-icon-dark: url(../static/icons/toggle-dark-mode.svg);
-	--sitegen-toggle-theme-icon-light: url(../static/icons/toggle-light-mode.svg);
+	--sitegen-toggle-theme-icon-light: url(../static/icons/toggle-light-mode.png);
 }