thohlt/archtika
1
0
Fork 0
mirror of https://github.com/thiloho/archtika.git synced 2025-11-22 10:51:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Use variables for blurred bg

Browse Source
This commit is contained in:
thiloho
2024-09-24 17:35:28 +02:00
parent e87ea3cfb5
commit 0e3c0f094c
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web-app/src/lib/components/LoadingSpinner.svelte
View File

@@ -10,7 +10,7 @@
.spinner { .spinner {
position: fixed; position: fixed;
inset: 0; inset: 0;
background-color: rgba(0, 0, 0, 0.5); background-color: var(--bg-blurred);
z-index: 40; z-index: 40;
} }

2
web-app/src/lib/components/Modal.svelte
View File

@@ -39,7 +39,7 @@
position: fixed; position: fixed;
inset: 0; inset: 0;
z-index: 10; z-index: 10;
background-color: rgba(0, 0, 0, 0.5); background-color: var(--bg-blurred);
} }
.modal__content { .modal__content {

2
web-app/template-styles/common-styles.css
View File

@@ -22,6 +22,7 @@
--bg-primary: white; --bg-primary: white;
--bg-secondary: hsl(0 0% 95%); --bg-secondary: hsl(0 0% 95%);
--bg-tertiary: hsl(0 0% 90%); --bg-tertiary: hsl(0 0% 90%);
--bg-blurred: rgba(255, 255, 255, 0.5);
--color-text: black; --color-text: black;
--color-text-invert: white; --color-text-invert: white;
@@ -75,6 +76,7 @@
--bg-primary: hsl(0 0% 15%); --bg-primary: hsl(0 0% 15%);
--bg-secondary: hsl(0 0% 20%); --bg-secondary: hsl(0 0% 20%);
--bg-tertiary: hsl(0 0% 25%); --bg-tertiary: hsl(0 0% 25%);
--bg-blurred: rgba(0, 0, 0, 0.5);
--color-text: white; --color-text: white;
--color-text-invert: black; --color-text-invert: black;