michael/michaelschiemer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: DockerSecretsResolver - don't normalize absolute paths like /var/www/html/...
Some checks failed
Deploy Application / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Michael Schiemer
2025-11-24 21:28:25 +01:00
parent 4eb7134853
commit 77abc65cd7
1327 changed files with 91915 additions and 9909 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
resources/css/admin/01-settings/_tokens.css
View File

@@ -10,77 +10,77 @@
/* Color Tokens - OKLCH (Perceptual Color Space) */
/* Primary Background Colors */
--admin-bg-primary: oklch(98% 0.01 280);
--admin-bg-secondary: oklch(95% 0.01 280);
--admin-bg-tertiary: oklch(92% 0.01 280);
--bg-primary: oklch(98% 0.01 280);
--bg-secondary: oklch(95% 0.01 280);
--bg-tertiary: oklch(92% 0.01 280);
/* Sidebar Colors */
--admin-sidebar-bg: oklch(25% 0.02 280);
--admin-sidebar-text: oklch(90% 0.01 280);
--admin-sidebar-text-hover: oklch(100% 0 0);
--admin-sidebar-active: oklch(45% 0.15 280);
--admin-sidebar-border: oklch(30% 0.02 280);
--sidebar-bg: oklch(25% 0.02 280);
--sidebar-text: oklch(90% 0.01 280);
--sidebar-text-hover: oklch(100% 0 0);
--sidebar-active: oklch(45% 0.15 280);
--sidebar-border: oklch(30% 0.02 280);
/* Header Colors */
--admin-header-bg: oklch(100% 0 0);
--admin-header-border: oklch(85% 0.01 280);
--admin-header-text: oklch(20% 0.02 280);
--header-bg: oklch(100% 0 0);
--header-border: oklch(85% 0.01 280);
--header-text: oklch(20% 0.02 280);
/* Content Area */
--admin-content-bg: oklch(100% 0 0);
--admin-content-text: oklch(20% 0.02 280);
--content-bg: oklch(100% 0 0);
--content-text: oklch(20% 0.02 280);
/* Interactive Elements */
--admin-link-color: oklch(55% 0.2 260);
--admin-link-hover: oklch(45% 0.25 260);
--admin-link-active: oklch(35% 0.3 260);
--link-color: oklch(55% 0.2 260);
--link-hover: oklch(45% 0.25 260);
--link-active: oklch(35% 0.3 260);
/* Accent Colors - WCAG AA Compliant (4.5:1 minimum) */
--admin-accent-primary: oklch(60% 0.2 280);
--admin-accent-success: oklch(58% 0.22 145); /* Fixed: 4.8:1 contrast */
--admin-accent-warning: oklch(62% 0.22 85); /* Fixed: 4.6:1 contrast */
--admin-accent-error: oklch(60% 0.25 25);
--admin-accent-info: oklch(58% 0.22 240); /* Fixed: 5.1:1 contrast */
--accent-primary: oklch(60% 0.2 280);
--accent-success: oklch(58% 0.22 145); /* Fixed: 4.8:1 contrast */
--accent-warning: oklch(62% 0.22 85); /* Fixed: 4.6:1 contrast */
--accent-error: oklch(60% 0.25 25);
--accent-info: oklch(58% 0.22 240); /* Fixed: 5.1:1 contrast */
/* Border Colors - WCAG AA Compliant (3:1 for UI components) */
--admin-border-light: oklch(75% 0.02 280); /* Fixed: 3.5:1 contrast */
--admin-border-medium: oklch(70% 0.02 280); /* Already compliant: 3.5:1 */
--admin-border-dark: oklch(70% 0.02 280);
--border-light: oklch(75% 0.02 280); /* Fixed: 3.5:1 contrast */
--border-medium: oklch(70% 0.02 280); /* Already compliant: 3.5:1 */
--border-dark: oklch(70% 0.02 280);
/* Focus/Hover States */
--admin-focus-ring: oklch(55% 0.2 260);
--admin-hover-overlay: oklch(0% 0 0 / 0.05);
--focus-ring: oklch(55% 0.2 260);
--hover-overlay: oklch(0% 0 0 / 0.05);
/* Spacing Tokens */
/* Layout Spacing */
--admin-spacing-sidebar: 250px;
--admin-spacing-header: 4rem;
--admin-spacing-content-padding: 2rem;
--admin-spacing-content-max-width: 1400px;
--spacing-sidebar: 250px;
--spacing-header: 4rem;
--spacing-content-padding: 2rem;
--spacing-content-max-width: 1400px;
/* Component Spacing */
--admin-spacing-xs: 0.25rem;
--admin-spacing-sm: 0.5rem;
--admin-spacing-md: 1rem;
--admin-spacing-lg: 1.5rem;
--admin-spacing-xl: 2rem;
--admin-spacing-2xl: 3rem;
--spacing-xs: 0.25rem;
--spacing-sm: 0.5rem;
--spacing-md: 1rem;
--spacing-lg: 1.5rem;
--spacing-xl: 2rem;
--spacing-2xl: 3rem;
/* Typography Tokens */
/* Font Families */
--admin-font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--admin-font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;
--font-family-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;
/* Font Sizes */
--admin-font-size-xs: 0.75rem;
--admin-font-size-sm: 0.875rem;
--admin-font-size-base: 1rem;
--admin-font-size-lg: 1.125rem;
--admin-font-size-xl: 1.25rem;
--admin-font-size-2xl: 1.5rem;
--admin-font-size-3xl: 1.875rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
/* Line Heights */
--admin-line-height-tight: 1.25;
@@ -88,129 +88,129 @@
--admin-line-height-relaxed: 1.75;
/* Font Weights */
--admin-font-weight-normal: 400;
--admin-font-weight-medium: 500;
--admin-font-weight-semibold: 600;
--admin-font-weight-bold: 700;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
/* Z-Index Hierarchy */
--admin-z-base: 1;
--admin-z-header: 90;
--admin-z-sidebar: 100;
--admin-z-mobile-menu: 110;
--admin-z-overlay: 120;
--admin-z-modal: 130;
--admin-z-tooltip: 140;
--admin-z-toast: 150;
--z-base: 1;
--z-header: 90;
--z-sidebar: 100;
--z-mobile-menu: 110;
--z-overlay: 120;
--z-modal: 130;
--z-tooltip: 140;
--z-toast: 150;
/* Animation/Transition Tokens */
--admin-transition-fast: 0.15s ease;
--admin-transition-base: 0.2s ease;
--admin-transition-slow: 0.3s ease;
--transition-fast: 0.15s ease;
--transition-base: 0.2s ease;
--transition-slow: 0.3s ease;
/* Border Radius */
--admin-radius-sm: 0.25rem;
--admin-radius-md: 0.375rem;
--admin-radius-lg: 0.5rem;
--admin-radius-xl: 0.75rem;
--admin-radius-full: 9999px;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--radius-full: 9999px;
/* Shadow Tokens */
--admin-shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / 0.05);
--admin-shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 0.1), 0 2px 4px -1px oklch(0% 0 0 / 0.06);
--admin-shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 0.1), 0 4px 6px -2px oklch(0% 0 0 / 0.05);
--admin-shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / 0.1), 0 10px 10px -5px oklch(0% 0 0 / 0.04);
--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / 0.05);
--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / 0.1), 0 2px 4px -1px oklch(0% 0 0 / 0.06);
--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / 0.1), 0 4px 6px -2px oklch(0% 0 0 / 0.05);
--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / 0.1), 0 10px 10px -5px oklch(0% 0 0 / 0.04);
}
/* Dark Mode Overrides */
@media (prefers-color-scheme: dark) {
:root {
/* Primary Background Colors */
--admin-bg-primary: oklch(20% 0.02 280);
--admin-bg-secondary: oklch(23% 0.02 280);
--admin-bg-tertiary: oklch(26% 0.02 280);
--bg-primary: oklch(20% 0.02 280);
--bg-secondary: oklch(23% 0.02 280);
--bg-tertiary: oklch(26% 0.02 280);
/* Sidebar Colors */
--admin-sidebar-bg: oklch(15% 0.02 280);
--admin-sidebar-text: oklch(75% 0.02 280);
--admin-sidebar-text-hover: oklch(95% 0.01 280);
--admin-sidebar-active: oklch(35% 0.2 280);
--admin-sidebar-border: oklch(25% 0.02 280);
--sidebar-bg: oklch(15% 0.02 280);
--sidebar-text: oklch(75% 0.02 280);
--sidebar-text-hover: oklch(95% 0.01 280);
--sidebar-active: oklch(35% 0.2 280);
--sidebar-border: oklch(25% 0.02 280);
/* Header Colors */
--admin-header-bg: oklch(18% 0.02 280);
--admin-header-border: oklch(30% 0.02 280);
--admin-header-text: oklch(90% 0.01 280);
--header-bg: oklch(18% 0.02 280);
--header-border: oklch(30% 0.02 280);
--header-text: oklch(90% 0.01 280);
/* Content Area */
--admin-content-bg: oklch(20% 0.02 280);
--admin-content-text: oklch(90% 0.01 280);
--content-bg: oklch(20% 0.02 280);
--content-text: oklch(90% 0.01 280);
/* Interactive Elements */
--admin-link-color: oklch(70% 0.2 260);
--admin-link-hover: oklch(80% 0.22 260);
--admin-link-active: oklch(85% 0.25 260);
--link-color: oklch(70% 0.2 260);
--link-hover: oklch(80% 0.22 260);
--link-active: oklch(85% 0.25 260);
/* Border Colors - WCAG AA Compliant (3:1 for UI components) */
--admin-border-light: oklch(42% 0.02 280); /* Fixed: 3.1:1 contrast */
--admin-border-medium: oklch(48% 0.02 280); /* Fixed: 3.5:1 contrast */
--admin-border-dark: oklch(55% 0.02 280); /* Fixed: 4.2:1 contrast */
--border-light: oklch(42% 0.02 280); /* Fixed: 3.1:1 contrast */
--border-medium: oklch(48% 0.02 280); /* Fixed: 3.5:1 contrast */
--border-dark: oklch(55% 0.02 280); /* Fixed: 4.2:1 contrast */
/* Focus/Hover States */
--admin-focus-ring: oklch(70% 0.2 260);
--admin-hover-overlay: oklch(100% 0 0 / 0.05);
--focus-ring: oklch(70% 0.2 260);
--hover-overlay: oklch(100% 0 0 / 0.05);
}
}
/* Manual Dark Mode via data-theme attribute */
[data-theme="dark"] {
/* Same as prefers-color-scheme: dark */
--admin-bg-primary: oklch(20% 0.02 280);
--admin-bg-secondary: oklch(23% 0.02 280);
--admin-bg-tertiary: oklch(26% 0.02 280);
--admin-sidebar-bg: oklch(15% 0.02 280);
--admin-sidebar-text: oklch(75% 0.02 280);
--admin-sidebar-text-hover: oklch(95% 0.01 280);
--admin-sidebar-active: oklch(35% 0.2 280);
--admin-sidebar-border: oklch(25% 0.02 280);
--admin-header-bg: oklch(18% 0.02 280);
--admin-header-border: oklch(30% 0.02 280);
--admin-header-text: oklch(90% 0.01 280);
--admin-content-bg: oklch(20% 0.02 280);
--admin-content-text: oklch(90% 0.01 280);
--admin-link-color: oklch(70% 0.2 260);
--admin-link-hover: oklch(80% 0.22 260);
--admin-link-active: oklch(85% 0.25 260);
--admin-border-light: oklch(42% 0.02 280); /* Fixed: 3.1:1 contrast */
--admin-border-medium: oklch(48% 0.02 280); /* Fixed: 3.5:1 contrast */
--admin-border-dark: oklch(55% 0.02 280); /* Fixed: 4.2:1 contrast */
--admin-focus-ring: oklch(70% 0.2 260);
--admin-hover-overlay: oklch(100% 0 0 / 0.05);
--bg-primary: oklch(20% 0.02 280);
--bg-secondary: oklch(23% 0.02 280);
--bg-tertiary: oklch(26% 0.02 280);
--sidebar-bg: oklch(15% 0.02 280);
--sidebar-text: oklch(75% 0.02 280);
--sidebar-text-hover: oklch(95% 0.01 280);
--sidebar-active: oklch(35% 0.2 280);
--sidebar-border: oklch(25% 0.02 280);
--header-bg: oklch(18% 0.02 280);
--header-border: oklch(30% 0.02 280);
--header-text: oklch(90% 0.01 280);
--content-bg: oklch(20% 0.02 280);
--content-text: oklch(90% 0.01 280);
--link-color: oklch(70% 0.2 260);
--link-hover: oklch(80% 0.22 260);
--link-active: oklch(85% 0.25 260);
--border-light: oklch(42% 0.02 280); /* Fixed: 3.1:1 contrast */
--border-medium: oklch(48% 0.02 280); /* Fixed: 3.5:1 contrast */
--border-dark: oklch(55% 0.02 280); /* Fixed: 4.2:1 contrast */
--focus-ring: oklch(70% 0.2 260);
--hover-overlay: oklch(100% 0 0 / 0.05);
}
/* Light Mode Override */
[data-theme="light"] {
/* Explicit light mode tokens */
--admin-bg-primary: oklch(98% 0.01 280);
--admin-bg-secondary: oklch(95% 0.01 280);
--admin-bg-tertiary: oklch(92% 0.01 280);
--admin-sidebar-bg: oklch(25% 0.02 280);
--admin-sidebar-text: oklch(90% 0.01 280);
--admin-sidebar-text-hover: oklch(100% 0 0);
--admin-sidebar-active: oklch(45% 0.15 280);
--admin-sidebar-border: oklch(30% 0.02 280);
--admin-header-bg: oklch(100% 0 0);
--admin-header-border: oklch(85% 0.01 280);
--admin-header-text: oklch(20% 0.02 280);
--admin-content-bg: oklch(100% 0 0);
--admin-content-text: oklch(20% 0.02 280);
--admin-link-color: oklch(55% 0.2 260);
--admin-link-hover: oklch(45% 0.25 260);
--admin-link-active: oklch(35% 0.3 260);
--admin-border-light: oklch(75% 0.02 280); /* Fixed: 3.5:1 contrast */
--admin-border-medium: oklch(70% 0.02 280); /* Already compliant: 3.5:1 */
--admin-border-dark: oklch(70% 0.02 280);
--admin-focus-ring: oklch(55% 0.2 260);
--admin-hover-overlay: oklch(0% 0 0 / 0.05);
--bg-primary: oklch(98% 0.01 280);
--bg-secondary: oklch(95% 0.01 280);
--bg-tertiary: oklch(92% 0.01 280);
--sidebar-bg: oklch(25% 0.02 280);
--sidebar-text: oklch(90% 0.01 280);
--sidebar-text-hover: oklch(100% 0 0);
--sidebar-active: oklch(45% 0.15 280);
--sidebar-border: oklch(30% 0.02 280);
--header-bg: oklch(100% 0 0);
--header-border: oklch(85% 0.01 280);
--header-text: oklch(20% 0.02 280);
--content-bg: oklch(100% 0 0);
--content-text: oklch(20% 0.02 280);
--link-color: oklch(55% 0.2 260);
--link-hover: oklch(45% 0.25 260);
--link-active: oklch(35% 0.3 260);
--border-light: oklch(75% 0.02 280); /* Fixed: 3.5:1 contrast */
--border-medium: oklch(70% 0.02 280); /* Already compliant: 3.5:1 */
--border-dark: oklch(70% 0.02 280);
--focus-ring: oklch(55% 0.2 260);
--hover-overlay: oklch(0% 0 0 / 0.05);
}
}