34 lines
No EOL
2.9 KiB
Text
34 lines
No EOL
2.9 KiB
Text
<settings-area>
|
|
<settings-model>
|
|
<h2 style="margin-bottom: 0;">Settings</h2>
|
|
<p class="caption" style="color: var(--red); margin-top: .4rem;">Settings are saved with JavaScript enabled.</p>
|
|
<div class="container">
|
|
<settings-section theme>
|
|
<h3>Theme</h3>
|
|
<radio-button-group aria-label="Theme picker" role="radiogroup">
|
|
<label for="theme-auto"><input type="radio" id="theme-auto" name="theme-setting" value="auto" checked>Auto</label>
|
|
<label for="theme-light"><input type="radio" id="theme-light" name="theme-setting" value="light">Light</label>
|
|
<label for="theme-dark"><input type="radio" id="theme-dark" name="theme-setting" value="dark">Dark</label>
|
|
</radio-button-group>
|
|
</settings-section>
|
|
<settings-section font>
|
|
<h3>Font</h3>
|
|
<radio-button-group aria-label="Font selector" role="radiogroup">
|
|
<label for="font-monospace" style="font-family: monospace !important;"><input type="radio" id="font-monospace" name="font-setting" value="monospace" checked>Monospace</label>
|
|
<label for="font-system" style="font-family: system-ui, -apple-system !important;"><input type="radio" id="font-system" name="font-setting" value="system">System UI</label>
|
|
<label for="font-sserif" style="font-family: sans-serif !important;"><input type="radio" id="font-sserif" name="font-setting" value="sserif">Sans Serif</label>
|
|
<label for="font-serif" style="font-family: serif !important;"><input type="radio" id="font-serif" name="font-setting" value="serif">Serif</label>
|
|
</radio-button-group>
|
|
</settings-section>
|
|
<settings-section appearance>
|
|
<h3>Appearance</h3>
|
|
<checkbox-button-group aria-label="Appearance options" role="group">
|
|
<label for="uncapitalization" aria-label="Normalizes text capitalization when enabled."><input type="checkbox" id="uncapitalization" name="uncapitalization">Disable forced uncapitalization</label>
|
|
<label for="disable-bg" aria-label="Removes the scrolling site background."><input type="checkbox" id="disable-bg" name="disable-bg">Disable background</label>
|
|
<label for="disable-animations" aria-label="Disables all CSS animations site-wide."><input type="checkbox" id="disable-animations" name="disable-animations">Disable animations</label>
|
|
<label for="disable-alttext" aria-label="Disables the (this!) custom hoverover pop-up that displays alt text on media and options."><input type="checkbox" id="disable-alttext" name="disable-alttext">Disable alt-text popup</label>
|
|
</checkbox-button-group>
|
|
</settings-section>
|
|
</div>
|
|
</settings-model>
|
|
</settings-area> |