nextjs-themes/index.css

Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.

.nth-s{all:unset;position:relative;box-shadow:none;color:currentColor;border-radius:50%;border:1px dashed currentColor;cursor:pointer;--s: 25px;height:var(--s);width:var(--s);transition:all .3s ease-in-out 0s!important}.nth-system.nth-s:after{position:absolute;height:100%;width:100%;top:0;left:0;font-weight:600;font-size:calc(1 * var(--s) / 2);display:flex;align-items:center;justify-content:center;opacity:.5;content:"A"}.nth-dark.nth-s{box-shadow:calc(var(--s) / 4) calc(var(--s) / -4) calc(var(--s) / 8) inset #fff;border:none;background:transparent;animation:nth-a linear .5s}.nth-light.nth-s{box-shadow:0 0 50px 10px #ff0;background-color:#ff0;border:1px solid orangered}@keyframes nth-a{40%{transform:rotate(-15deg)}80%{transform:rotate(10deg)}0%,to{transform:rotate(0)}}