ui: Minor CSS refactor to use variables

Tests:

- Main header's shadow is unchanged in light mode. In dark mode, it is still the
same and not really visible. This is better than casting a white shadow.

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Sunil Mohan Adapa 2025-11-29 11:00:54 +05:30 committed by James Valleroy
parent 85f04dde1a
commit 6c7d77fd3b
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808

View File

@ -7,6 +7,7 @@
--freedombox-blue-color: #4989D4; /* Blue */
--progress-color: #3498db; /* Blue */
--freedombox-navbar-color: white;
--freedombox-navbar-shadow-color: rgba(0, 0, 0, 0.25);
}
@ -449,7 +450,7 @@ footer {
*/
.main-header {
background: var(--freedombox-blue-color);
box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0.25rem 0.375rem 0 var(--freedombox-navbar-shadow-color);
border: none;
}