mirror of
https://github.com/kevinveenbirkenbach/computer-playbook.git
synced 2025-12-02 15:39:57 +00:00
Kevin Veen-Birkenbach
bee833feb4
This ensures CSS output remains stable between runs, preventing unnecessary OpenResty restarts for every service caused by randomized gradients or regenerated CSS files. Ref: https://chatgpt.com/share/69281d4b-2488-800f-8c0c-c0db44810d1d
70 lines
2.6 KiB
Django/Jinja
70 lines
2.6 KiB
Django/Jinja
|
|
/* Buttons (Background, Text, Border, and Shadow)
|
|
Now using a button background that is only slightly darker than the overall background */
|
|
html[native-dark-active] .btn, .btn {
|
|
background-color: var(--color-01-87);
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-70), var(--color-01-91), var(--color-01-95), var(--color-01-95));
|
|
color: var(--color-01-50);
|
|
border-color: var(--color-01-80);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Navigation (Background and Text Colors) */
|
|
.navbar, .navbar-light, .navbar-dark, .navbar.bg-light {
|
|
background-color: var(--color-01-90);
|
|
/* New Gradient based on original background (90 -5, 90, 90 +1, 90 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-85), var(--color-01-90), var(--color-01-91), var(--color-01-95));
|
|
color: var(--color-01-50);
|
|
border-color: var(--color-01-85);
|
|
}
|
|
|
|
.navbar a {
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
.navbar a.dropdown-item {
|
|
color: var(--color-01-43);
|
|
}
|
|
|
|
/* Cards / Containers (Background, Border, and Shadow)
|
|
Cards now use a slightly lighter background and a bold, clear shadow */
|
|
.card {
|
|
background-color: var(--color-01-90);
|
|
/* New Gradient based on original background (90 -5, 90, 90 +1, 90 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-85), var(--color-01-90), var(--color-01-91), var(--color-01-95));
|
|
border-color: var(--color-01-85);
|
|
color: var(--color-01-12);
|
|
}
|
|
|
|
.card-body {
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
/* Dropdown Menu and Submenu (Background, Text, and Shadow) */
|
|
.navbar .dropdown-menu,
|
|
.nav-item .dropdown-menu {
|
|
background-color: var(--color-01-80);
|
|
/* New Gradient based on original background (80 -5, 80, 80 +1, 80 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-75), var(--color-01-80), var(--color-01-81), var(--color-01-85));
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
.navbar-nav {
|
|
--bs-nav-link-hover-color: var(--color-01-17);
|
|
}
|
|
|
|
.dropdown-item {
|
|
color: var(--color-01-40);
|
|
background-color: var(--color-01-80);
|
|
/* New Gradient based on original background (80 -5, 80, 80 +1, 80 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-75), var(--color-01-80), var(--color-01-81), var(--color-01-85));
|
|
}
|
|
|
|
.dropdown-item:hover,
|
|
.dropdown-item:focus {
|
|
background-color: var(--color-01-65);
|
|
/* New Gradient based on original background (65 -5, 65, 65 +1, 65 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-60), var(--color-01-65), var(--color-01-66), var(--color-01-70));
|
|
color: var(--color-01-40);
|
|
}
|