diff --git a/build/1.11.8/images/toggle-light-mode.8d7afd07.png b/build/1.11.8/images/toggle-light-mode.8d7afd07.png new file mode 100644 index 000000000..1ea6d7b09 Binary files /dev/null and b/build/1.11.8/images/toggle-light-mode.8d7afd07.png differ diff --git a/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss b/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss index 297b2cd2b..7bc4870a3 100644 --- a/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss +++ b/src/OnboardingSPA/components/ToggleDarkMode/stylesheet.scss @@ -2,7 +2,7 @@ position: absolute; bottom: 25px; left: 25px; - z-index: 999; + z-index: 1; &__button { width: 60px; @@ -10,6 +10,7 @@ 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 new file mode 100644 index 000000000..1ea6d7b09 Binary files /dev/null and b/src/OnboardingSPA/static/icons/toggle-light-mode.png differ diff --git a/src/OnboardingSPA/static/icons/toggle-light-mode.svg b/src/OnboardingSPA/static/icons/toggle-light-mode.svg deleted file mode 100644 index 84a25c8bd..000000000 --- a/src/OnboardingSPA/static/icons/toggle-light-mode.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - diff --git a/src/OnboardingSPA/styles/_icons.scss b/src/OnboardingSPA/styles/_icons.scss index b98e9f315..b56268ec1 100644 --- 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); }