mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-05-27 10:44:33 +00:00
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:
parent
85f04dde1a
commit
6c7d77fd3b
@ -7,6 +7,7 @@
|
|||||||
--freedombox-blue-color: #4989D4; /* Blue */
|
--freedombox-blue-color: #4989D4; /* Blue */
|
||||||
--progress-color: #3498db; /* Blue */
|
--progress-color: #3498db; /* Blue */
|
||||||
--freedombox-navbar-color: white;
|
--freedombox-navbar-color: white;
|
||||||
|
--freedombox-navbar-shadow-color: rgba(0, 0, 0, 0.25);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -449,7 +450,7 @@ footer {
|
|||||||
*/
|
*/
|
||||||
.main-header {
|
.main-header {
|
||||||
background: var(--freedombox-blue-color);
|
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;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user