mirror of
https://github.com/kevinveenbirkenbach/computer-playbook.git
synced 2025-12-03 16:09:29 +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
52 lines
2.4 KiB
Django/Jinja
52 lines
2.4 KiB
Django/Jinja
:root {
|
|
--lam-background-color-default: var(--color-01-99); {# from #FFFFFF (very bright white) #}
|
|
--lam-input-bg-color: var(--color-01-98); {# from #fcfcfc (almost white) #}
|
|
--lam-text-color-default: var(--color-01-01); {# from #000000 (pure black) #}
|
|
--lam-border-color: var(--color-01-90); {# from #e8e8e8 (light grey) #}
|
|
--lam-border-color-primary: var(--color-01-15); {# from #01689e (dark blue) #}
|
|
--lam-border-color-secondary: var(--color-01-85); {# from #ffcb1d (bright yellow) #}
|
|
--lam-background-color-primary: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
|
|
--lam-background-color-secondary: var(--color-01-90); {# from #ffe233 (bright yellow) #}
|
|
--lam-text-color-primary: var(--color-01-99); {# from #ffffff (pure white) #}
|
|
--lam-text-color-secondary: var(--color-01-01); {# from #000000 (pure black) #}
|
|
--lam-text-color-ok: var(--color-01-10); {# from #237d0c (dark green) #}
|
|
--lam-table-background-color-bright: var(--color-01-98); {# from #fbfbfb (very light grey) #}
|
|
--lam-table-background-color-dark: var(--color-01-92); {# from #e8f3ff (light blue) #}
|
|
--lam-table-background-color-hover: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
|
|
--lam-table-text-color-hover: var(--color-01-99); {# from #ffffff (pure white) #}
|
|
--lam-table-border-color: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
|
|
}
|
|
|
|
|
|
/** LAM Specific **/
|
|
.lam-vertical-tabs-navigation li, .lam-vertical-tabs-navigation{
|
|
background-color: transparent !important;
|
|
border-color: transparent;
|
|
}
|
|
|
|
ul.lam-tab-navigation {
|
|
background: rgba(var(--color-01-rgb-90), 0.1);
|
|
border-color: transparent;
|
|
}
|
|
|
|
/* Not changable due to inline css */
|
|
.roundedShadowBox {
|
|
color: #000000;
|
|
}
|
|
|
|
.titleBar {
|
|
background-image: linear-gradient(var(--color-01-83), var(--color-01-92));
|
|
/* New Gradient based on original background (83 -5, 83, 83 +1, 83 +5) */
|
|
background-image: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-78), var(--color-01-83), var(--color-01-84), var(--color-01-88));
|
|
border-top-color: var(--color-01-78);
|
|
border-left-color: var(--color-01-87);
|
|
border-right-color: var(--color-01-87);
|
|
}
|
|
|
|
div.statusInfo {
|
|
background-color: var(--color-01-81);
|
|
/* New Gradient based on original background (81 -5, 81, 81 +1, 81 +5) */
|
|
background: linear-gradient({{ CSS_GRADIENT_ANGLE }}deg, var(--color-01-76), var(--color-01-81), var(--color-01-82), var(--color-01-86));
|
|
color: var(--color-01-23);
|
|
}
|