# darkify/1.1.0/public/css/switcher/eclipse.css

Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included), version 1.1.0. 1 lines.

- Page: https://pluginprobe.com/plugins/darkify/1.1.0/code/public/css/switcher/eclipse.css
- Raw: https://pluginprobe.com/plugins/darkify/1.1.0/raw/public/css/switcher/eclipse.css
- Modified: 2024-06-13T12:21:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/darkify/1.1.0/code/public/css/switcher/eclipse.css#L10-L20`.

```css
.theme-toggle.theme-toggle--reversed .theme-toggle__eclipse{transform:scale(-1,1)}.theme-toggle{--theme-toggle__eclipse--duration:500ms}.theme-toggle__eclipse :first-child path{transition-property:transform,d;transition-duration:calc(var(--theme-toggle__eclipse--duration));transition-timing-function:ease}.theme-toggle input[type=checkbox]:checked~.theme-toggle__eclipse :first-child path,.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__eclipse :first-child path{d:path("M-32 0h64v32h-64zm36 16a1 1 0 0024 1 1 1 0 00-24-1")}@supports not (d:path("")){.theme-toggle input[type=checkbox]:checked~.theme-toggle__eclipse :first-child path,.darkify_dark_mode_enabled .theme-toggle:not(label) .theme-toggle__eclipse :first-child path{transform:translate3d(-32px,0,0)}}.theme-toggle{border:none;background:0 0;cursor:pointer}.theme-toggle input[type=checkbox]{display:none}.theme-toggle .theme-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion:reduce){.theme-toggle:not(.theme-toggle--force-motion) *{transition:none!important}}
```