ui: Fix dark theme color for disabled form elements

Tests:

- In network connection editing page, find some form elements that are disabled
and their light mode color is mostly unchanged. In dark mode, it looks
consistent with the rest of the page.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2025-11-29 10:37:39 +05:30 committed by James Valleroy
parent 2ae78daebb
commit 499c6073a1
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808

View File

@ -6,7 +6,6 @@
--neutral-light-color: #f5f5f5; /* Light grey */
--freedombox-blue-color: #4989D4; /* Blue */
--progress-color: #3498db; /* Blue */
--freedombox-form-disabled-bg-color: #e9ecef; /* Grey */
--freedombox-navbar-color: white;
/* Missing variables in Bootstrap 5.2 copied from Bootstrap 5.3 */
@ -99,7 +98,7 @@ form .alert .close {
/* Disabled form elements show as gray, removed in Bootstrap 5 */
.form-control:disabled, .form-control[readonly] {
background-color: var(--freedombox-form-disabled-bg-color);
background-color: var(--bs-secondary-bg);
opacity: 1;
}