diff --git a/assets/css/common.css b/assets/css/common.css index 12c0f77..dbcfe0a 100644 --- a/assets/css/common.css +++ b/assets/css/common.css @@ -55,25 +55,27 @@ body, html { #theme { position: fixed; - bottom: 0.5rem; - right: 0.5rem; + bottom: 0; + margin-bottom: 0.5rem; + right: 0; + margin-right: 0.5rem; z-index: 99; + border: none; + line-height: 1; } -#toggle-theme { - border: none; - color: var(--color-fg-contrast); +#theme label, #theme input { + border: 0; + margin: 0; padding: 0; - width: fit-content; - height: fit-content; - border-radius: 0.25rem; +} + +#theme input { + display: none; +} + +#theme label:hover { cursor: pointer; - background-color: transparent; - background-size: contain; - width: 1.75rem; - height: 1.75rem; - margin-top: 0.25rem; - margin-bottom: 0.25rem; } @media (prefers-color-scheme: dark) { @@ -112,26 +114,3 @@ body, html { :root:has(#light:checked) #light-label { display: none; } - -#theme { - gap: 0; - margin: 0; - padding: 0; - border: 1px solid var(--color-fg-default); - text-align: right; -} - -#theme label:first-child { - margin-left: auto; -} - -#theme label { - width: auto; - border: 0; - margin: 0; - padding: 0; -} - -#theme input { - display: none; -} \ No newline at end of file