kevinveenbirkenbach/computer-playbook
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/computer-playbook.git synced 2025-08-30 07:18:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

Optimized CSS for Mailu and Keycloak

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach
2025-02-13 10:52:20 +01:00
parent e947c203a1
commit d276918bcf
3 changed files with 56 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
roles/nginx-global-css/templates/global.css.j2
View File

@@ -1,4 +1,11 @@
/* Global Theming Styles – Color and Shadow Variables */
/***
Global Theming Styles – Color and Shadow Variables
HINT: Better overwritte CSS variables instead of individual elements.
*/
:root {
--primary-color: {{ global_theming.css.colors.primary }};
--secondary-color: {{ global_theming.css.colors.secondary }};
@@ -33,22 +40,31 @@
--bs-btn-color: var(--dark-color);
}
/** Keycloak Overrides **/
:root{
--pf-v5-global--Color--100: {{global_theming.css.colors.background_dark | adjust_color(10) }};
--pf-v5-global--Color--200: {{global_theming.css.colors.background_dark | adjust_color(30) }};
--pf-v5-global--Color--light-100: {{global_theming.css.colors.background_dark | adjust_color(0) }};
--pf-v5-global--Color--light-200: {{global_theming.css.colors.background_dark | adjust_color(20) }};
--pf-v5-global--Color--light-300: {{global_theming.css.colors.background_dark | adjust_color(40) }};
}
/** Mastodon Overrides **/
:root{
--surface-variant-background-color: var(--button-bg-color)
--surface-variant-background-color: var(--button-bg-color);
}
/** Nextcloud Specific**/
:root{
--color-main-background: var(--bright-color);
--color-main-background-rgb: var(--bright-color);
--color-primary-element: var(--button-bg-color);
--color-main-text: var(--dark-color);
--color-background-hover: var(--secondary-color);
--color-main-background: var(--bright-color);
--color-main-background-rgb: var(--bright-color);
--color-primary-element: var(--button-bg-color);
--color-main-text: var(--dark-color);
--color-background-hover: var(--secondary-color);
/** Calendar **/
--color-background-dark: var(--info-color); /** Days which aren't in the current month **/
--color-primary-element-light: var(--secondary-color);
--color-background-dark: var(--info-color); /** Days which aren't in the current month **/
--color-primary-element-light: var(--secondary-color);
}
/* Peertube Overrides */
@@ -205,6 +221,12 @@ div#app main#kc-main-content-page-container section a
border-color: transparent !important;
}
/** Mailu **/
[class*=sidebar-dark-], .bg-mailu-logo {
background-color: var(--bright-color) !important;
}
/** Mastodon Specific **/
div#mastodon div.compose-panel div.compose-form__highlightable{
background-color: var(--bright-color) !important;