administrator/pas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Marek Lesko
2025-10-22 14:44:25 +00:00
parent 498d2c7ade
commit 9d644a9b79
275 changed files with 35799 additions and 35712 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
Web/public/scss/theme-variables/_dark-theme-variables.scss
View File

@@ -1,32 +1,32 @@
@use "@angular/material" as mat;
html.dark-theme {
color-scheme: dark;
--mat-sys-background: #141a21;
--mat-sys-on-background: rgba(255, 255, 255, 0.9);
--mat-sys-on-primary: #fff;
--mat-sys-surface-bright: #ffffff05;
--mat-sys-surface: #141a21;
--mat-sys-surface-container: #141a21;
--mat-sys-surface-container-low: #141a21;
--mat-sys-outline-variant: #2e3f50;
--mat-sys-outline: #2e3f50;
--mat-form-field-outlined-hover-outline-color: #465670;
--mat-checkbox-unselected-hover-state-layer-color: #19212a;
--mat-menu-item-hover-state-layer-color: #19212a;
--mat-button-toggle-state-layer-color: #19212a;
--mat-option-focus-state-layer-color: #19212a;
--mat-option-hover-state-layer-color: #19212a;
--mat-slide-toggle-unselected-track-color: #19212a;
--mat-stepper-header-focus-state-layer-color: #19212a;
--mat-stepper-header-hover-state-layer-color: #19212a;
--mat-expansion-header-hover-state-layer-color: #19212a;
@include mat.card-overrides((elevated-container-color: #1c252e,
elevated-container-elevation: rgba(0, 0, 0, 0.2) 0px 0px 2px 0px,
subtitle-text-color: rgba(255, 255, 255, 0.67),
));
@include mat.theme-overrides((level1: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
level2: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
level3: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
));
@use "@angular/material" as mat;
html.dark-theme {
color-scheme: dark;
--mat-sys-background: #141a21;
--mat-sys-on-background: rgba(255, 255, 255, 0.9);
--mat-sys-on-primary: #fff;
--mat-sys-surface-bright: #ffffff05;
--mat-sys-surface: #141a21;
--mat-sys-surface-container: #141a21;
--mat-sys-surface-container-low: #141a21;
--mat-sys-outline-variant: #2e3f50;
--mat-sys-outline: #2e3f50;
--mat-form-field-outlined-hover-outline-color: #465670;
--mat-checkbox-unselected-hover-state-layer-color: #19212a;
--mat-menu-item-hover-state-layer-color: #19212a;
--mat-button-toggle-state-layer-color: #19212a;
--mat-option-focus-state-layer-color: #19212a;
--mat-option-hover-state-layer-color: #19212a;
--mat-slide-toggle-unselected-track-color: #19212a;
--mat-stepper-header-focus-state-layer-color: #19212a;
--mat-stepper-header-hover-state-layer-color: #19212a;
--mat-expansion-header-hover-state-layer-color: #19212a;
@include mat.card-overrides((elevated-container-color: #1c252e,
elevated-container-elevation: rgba(0, 0, 0, 0.2) 0px 0px 2px 0px,
subtitle-text-color: rgba(255, 255, 255, 0.67),
));
@include mat.theme-overrides((level1: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
level2: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
level3: 0px 12px 24px -4px rgba(143, 176, 210, 0.02),
));
}

22
Web/public/scss/theme-variables/_default-variables.scss
View File

@@ -1,12 +1,12 @@
html {
--mat-sys-error-fixed-dim: rgba(247, 68, 86, 0.15);
--mat-select-container-elevation-shadow: var(--mat-sys-level3);
--mat-list-list-item-label-text-tracking: 0;
--mat-slide-toggle-track-height: 28px;
--mat-sidenav-container-divider-color: var(--mat-sys-outline-variant);
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-form-field-container-text-tracking: unset;
--mat-slide-toggle-with-icon-handle-size: 21px;
--mat-badge-text-color: white;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 26px;
html {
--mat-sys-error-fixed-dim: rgba(247, 68, 86, 0.15);
--mat-select-container-elevation-shadow: var(--mat-sys-level3);
--mat-list-list-item-label-text-tracking: 0;
--mat-slide-toggle-track-height: 28px;
--mat-sidenav-container-divider-color: var(--mat-sys-outline-variant);
--mat-dialog-with-actions-content-padding: 20px 24px;
--mat-form-field-container-text-tracking: unset;
--mat-slide-toggle-with-icon-handle-size: 21px;
--mat-badge-text-color: white;
--mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 26px;
}

44
Web/public/scss/theme-variables/_light-theme-variables.scss
View File

@@ -1,23 +1,23 @@
html.light-theme {
color-scheme: light;
--mat-sys-corner-small: 7px;
--mat-sys-background: #fff;
--mat-sys-surface-bright: #f2f6fa;
--mat-sys-surface: #fff;
--mat-sys-surface-container: #fff;
--mat-sys-surface-container-low: #fff;
--mat-sys-on-background: #2a3547;
--mat-sys-outline: #d7dde2;
--mat-sys-outline-variant: #d7dde2;
--mat-form-field-outlined-hover-outline-color: #d7dde2;
--mat-checkbox-unselected-hover-state-layer-color: #d7dde2;
--mat-menu-item-hover-state-layer-color: #f6f9fc;
--mat-button-toggle-state-layer-color: #f6f9fc;
--mat-option-focus-state-layer-color: #f6f9fc;
--mat-option-hover-state-layer-color: #f6f9fc;
--mat-slide-toggle-unselected-track-color: #f6f9fc;
--mat-stepper-header-focus-state-layer-color: #f6f9fc;
--mat-stepper-header-hover-state-layer-color: #f6f9fc;
--mat-dialog-supporting-text-color: var(--mat-sys-on-background);
--mat-expansion-header-hover-state-layer-color: #f6f9fc;
html.light-theme {
color-scheme: light;
--mat-sys-corner-small: 7px;
--mat-sys-background: #fff;
--mat-sys-surface-bright: #f2f6fa;
--mat-sys-surface: #fff;
--mat-sys-surface-container: #fff;
--mat-sys-surface-container-low: #fff;
--mat-sys-on-background: #2a3547;
--mat-sys-outline: #d7dde2;
--mat-sys-outline-variant: #d7dde2;
--mat-form-field-outlined-hover-outline-color: #d7dde2;
--mat-checkbox-unselected-hover-state-layer-color: #d7dde2;
--mat-menu-item-hover-state-layer-color: #f6f9fc;
--mat-button-toggle-state-layer-color: #f6f9fc;
--mat-option-focus-state-layer-color: #f6f9fc;
--mat-option-hover-state-layer-color: #f6f9fc;
--mat-slide-toggle-unselected-track-color: #f6f9fc;
--mat-stepper-header-focus-state-layer-color: #f6f9fc;
--mat-stepper-header-hover-state-layer-color: #f6f9fc;
--mat-dialog-supporting-text-color: var(--mat-sys-on-background);
--mat-expansion-header-hover-state-layer-color: #f6f9fc;
}