Fix Settings black-on-black contrast (Gitea #75)

Scope .settings styles to the panel: light #eee text on the dark
#121212 surface for labels, and white inputs/selects/options with dark
text. Both pairs exceed WCAG 4.5:1. Add settings-contrast e2e as the
regression guard for the Settings form plus the sibling dev panels.
This commit is contained in:
2026-09-20 01:10:07 -07:00
parent 7575471397
commit e51753b6d0
2 changed files with 147 additions and 4 deletions
+14 -4
View File
@@ -181,8 +181,18 @@
</div>
<style>
.settings { max-width: 600px; }
label { display: block; margin: 8px 0 4px; }
input, select { width: 100%; padding: 6px; }
button { margin-top: 16px; }
.settings { max-width: 600px; color: #eee; }
.settings label { display: block; margin: 8px 0 4px; }
.settings input,
.settings select {
color: #eee;
background: #1c1c1c;
width: 100%;
padding: 6px;
}
.settings option {
color: #eee;
background: #1c1c1c;
}
.settings button { margin-top: 16px; }
</style>