phundrak/bakit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(frontend): main page

Browse Source
This commit is contained in:
Lucien Cartier-Tilet
2025-11-06 09:24:44 +01:00
parent 89c7588883
commit 3f828a754b
34 changed files with 1536 additions and 442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/app/assets/css/ui/background.css Normal file
View File

@@ -0,0 +1,14 @@
:root {
--ui-bg: var(--background);
--ui-bg-muted: var(--background-300);
--ui-bg-elevated: var(--background-100);
--ui-bg-accented: var(--backgsound-200);
--ui-bg-inverted: var(--background-900);
}
.dark {
--ui-bg: var(--background);
--ui-bg-muted: var(--background-100);
--ui-bg-elevated: var(--background-200);
--ui-bg-accented: var(--background-300);
--ui-bg-inverted: var(--background-900);
}

12
frontend/app/assets/css/ui/border.css Normal file
View File

@@ -0,0 +1,12 @@
:root {
--ui-border: var(--background-200);
--ui-border-muted: var(--background-200);
--ui-border-accented: var(--background-300);
--ui-border-inverted: var(--background-900);
}
.dark {
--ui-border: var(--background-100);
--ui-border-muted: var(--background-200);
--ui-border-accented: var(--background-200);
--ui-border-inverted: var(--background-900);
}

16
frontend/app/assets/css/ui/colors.css Normal file
View File

@@ -0,0 +1,16 @@
:root {
--ui-primary: var(--color-primary);
--ui-secondary: var(--color-secondary);
--ui-success: var(--color-accent);
--ui-info: var(--ui-color-info-500);
--ui-warning: var(--ui-color-warning-500);
--ui-error: var(--ui-color-error-500);
}
.dark {
--ui-primary: var(--color-primary-dark);
--ui-secondary: var(--color-secondary-dark);
--ui-success: var(--color-accent);
--ui-info: var(--ui-color-info-400);
--ui-warning: var(--ui-color-warning-400);
--ui-error: var(--ui-color-error-400);
}

4
frontend/app/assets/css/ui/index.css Normal file
View File

@@ -0,0 +1,4 @@
@import "./colors.css";
@import "./text.css";
@import "./background.css";
@import "./border.css";

16
frontend/app/assets/css/ui/text.css Normal file
View File

@@ -0,0 +1,16 @@
:root {
--ui-text-dimmed: var(--text-400);
--ui-text-muted: var(--text-500);
--ui-text-toned: var(--text-600);
--ui-text: var(--text);
--ui-text-highlighted: var(--text-900);
--ui-text-inverted: var(--text-50);
}
.dark {
--ui-text-dimmed: var(--text-500);
--ui-text-muted: var(--text-400);
--ui-text-toned: var(--text-300);
--ui-text: var(--text);
--ui-text-highlighted: var(--text);
--ui-text-inverted: var(--text-50);
}