DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

feat: add transparent color variable and update background color in globals.css
All checks were successful
container-scan / Container Scan (pull_request) Successful in 2m29s
Details
docker-build / docker (pull_request) Successful in 4m16s
Details

Browse source
This commit is contained in:
Maximilian Liebmann 2025-05-20 17:12:47 +02:00 • committed by Maximilian Liebmann
parent 590b7c5696
commit 88dc6303c1
1 changed files with 36 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/app/globals.css
View file

@ -6,6 +6,8 @@
:root { :root {
/* Custom values */ /* Custom values */
--transparent: transparent;
--neutral-000: oklch(0 0 0); --neutral-000: oklch(0 0 0);
--neutral-100: oklch(0.2264 0 0); --neutral-100: oklch(0.2264 0 0);
--neutral-150: oklch(0.2972 0 0); --neutral-150: oklch(0.2972 0 0);
@ -19,7 +21,7 @@
--neutral-800: oklch(0.9702 0 0); --neutral-800: oklch(0.9702 0 0);
--neutral-900: oklch(1 0 0); --neutral-900: oklch(1 0 0);
--background: var(--neutral-750); --background: var(--neutral-800);
--base: var(--neutral-800); --base: var(--neutral-800);
--text: var(--neutral-000); --text: var(--neutral-000);
--text-alt: var(--neutral-900); --text-alt: var(--neutral-900);
@ -97,8 +99,39 @@
} }
@theme inline { @theme inline {
--transparent: var(--transpatent);
--color-neutral-000: var(--neutral-000);
--color-neutral-100: var(--neutral-100);
--color-neutral-150: var(--neutral-150);
--color-neutral-200: var(--neutral-200);
--color-neutral-300: var(--neutral-300);
--color-neutral-400: var(--neutral-400);
--color-neutral-500: var(--neutral-500);
--color-neutral-600: var(--neutral-600);
--color-neutral-700: var(--neutral-700);
--color-neutral-750: var(--neutral-750);
--color-neutral-800: var(--neutral-800);
--color-neutral-900: var(--neutral-900);
--background: var(--neutral-750);
--base: var(--neutral-800);
--text: var(--neutral-000);
--text-alt: var(--neutral-900);
--background-disabled: var(--neutral-500);
--text-disabled: var(--neutral-700);
--radius: 0.688rem; --radius: 0.688rem;
--color-primary: var(--primary);
--color-hover-primary: var(--hover-primary);
--color-active-primary: var(--active-primary);
--color-disabled-primary: var(--disabled-primary);
--color-secondary: var(--secondary);
--color-hover-secondary: var(--hover-secondary);
--color-active-secondary: var(--active-secondary);
--disabled-secondary: var(--disabled-secondary);
/* Custom values */ /* Custom values */
--radius-sm: calc(var(--radius) - 4px); --radius-sm: calc(var(--radius) - 4px);
@ -175,6 +208,8 @@
.dark { .dark {
/* Custom values */ /* Custom values */
--transparent: transparent;
--neutral-000: oklch(1 0 0); --neutral-000: oklch(1 0 0);
--neutral-100: oklch(0.9128 0 0); --neutral-100: oklch(0.9128 0 0);
--neutral-150: oklch(0.9702 0 0); --neutral-150: oklch(0.9702 0 0);