Implement togglable site-wide woo mode

This commit is contained in:
2026-02-04 19:37:43 -06:00
parent 95106a8899
commit 5c4c547a45
8 changed files with 270 additions and 218 deletions

View File

@@ -156,7 +156,7 @@ html {
input.answer {
display: inline;
}
input:not(.answer):not(#weatherToggle),
input:not(.answer, .siteSettingsToggle input),
textarea {
background-color: var(--background-color);
border: var(--border-details);
@@ -866,6 +866,31 @@ sup {
line-height: 0;
}
/* Site Settings */
.siteSettingsToggle {
color: var(--text-color);
font-size: var(--step--2);
font-variation-settings: var(--font-variation-ui);
text-transform: uppercase;
letter-spacing: var(--ui-letter-spacing);
font-family: var(--font-family-ui);
& label {
display: inline;
}
& input {
accent-color: var(--contrast-color);
background-color: var(--background-color);
border: var(--border-details);
border-color: var(--contrast-color);
border-radius: var(--border-radius);
color: var(--text-color);
&:focus {
box-shadow: 0 0 0 2px var(--contrast-color);
outline: none;
}
}
}
/* Tags */
a.post-tag {
background-color: var(--color-gray-20);