MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Fix input fields to follow dark theme with CSS variables

Browse Source 
Co-authored-by: jmiller-moko <230051081+jmiller-moko@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-01-30 05:17:06 +00:00
parent 56b94175da
commit 733bcc3496
3 changed files with 34 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/media/css/template.css
View File

@@ -2601,10 +2601,10 @@ progress {
font-size: 1rem;
font-weight: 400;
line-height: 1;
color: hsl(210, 11%, 15%);
background-color: var(--body-color);
color: var(--input-color);
background-color: var(--input-bg);
background-clip: padding-box;
border: 1px solid hsl(210, 14%, 83%);
border: 1px solid var(--input-border-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
@@ -2633,12 +2633,12 @@ progress {
}
.form-control:focus {
color: hsl(210, 11%, 15%);
background-color: var(--body-color);
border-color: #8894aa;
color: var(--input-color);
background-color: var(--input-bg);
border-color: var(--input-focus-border-color);
outline: 0;
-webkit-box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
box-shadow: 0 0 0 0.25rem rgba(1, 1, 86, 0.25);
-webkit-box-shadow: var(--input-focus-box-shadow);
box-shadow: var(--input-focus-box-shadow);
}
.form-control::-webkit-date-and-time-value {
@@ -2646,32 +2646,32 @@ progress {
}
.form-control::-webkit-input-placeholder {
color: hsl(210, 7%, 46%);
color: var(--input-placeholder-color);
opacity: 1;
}
.form-control::-moz-placeholder {
color: hsl(210, 7%, 46%);
color: var(--input-placeholder-color);
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: hsl(210, 7%, 46%);
color: var(--input-placeholder-color);
opacity: 1;
}
.form-control::-ms-input-placeholder {
color: hsl(210, 7%, 46%);
color: var(--input-placeholder-color);
opacity: 1;
}
.form-control::placeholder {
color: hsl(210, 7%, 46%);
color: var(--input-placeholder-color);
opacity: 1;
}
.form-control:disabled {
background-color: hsl(210, 16%, 93%);
background-color: var(--input-disabled-bg);
opacity: 1;
}