diff --git a/components.js b/components.js index 87d457f..20d84cc 100644 --- a/components.js +++ b/components.js @@ -1431,17 +1431,19 @@ themeToggle.innerHTML = ` height: 100%; width: 100%; fill: rgba(var(--text-color), 1); - transition: transform 0.6s; + transition: transform 0.3s, opacity 0.1s; } .theme-switcher__checkbox { display: none; } :host([checked]) .moon-icon { - transform: scale(0) rotate(90deg); + transform: translateY(50%); + opacity: 0; } :host(:not([checked])) .sun-icon { - transform: scale(0) rotate(-90deg); + transform: translateY(50%); + opacity: 0; }