phundrak/phundrak.com-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: fill pages

Browse Source
This commit is contained in:
Lucien Cartier-Tilet
2025-11-11 19:12:21 +01:00
parent 3f828a754b
commit 9f1d4db0de
47 changed files with 2050 additions and 1274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/app/assets/css/main.css
View File

@@ -1,4 +1,3 @@
@import 'tailwindcss';
@import '@nuxt/ui';
@import './colors.css';
@import './ui/index.css';

11
frontend/app/assets/css/tailwind.css
View File

@@ -1,4 +1,5 @@
@layer base {
@import 'tailwindcss';
@theme {
--color-text-50: var(--text-50);
--color-text: var(--text);
--color-text-100: var(--text-100);
@@ -76,9 +77,9 @@
--text-weight-bold: 700;
--font-sans:
Noto Sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Noto Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
--font-title:
Wittgenstein, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
Wittgenstein, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
}

12
frontend/app/assets/css/ui/colors.css
View File

@@ -1,15 +1,15 @@
:root {
--ui-primary: var(--color-primary);
--ui-secondary: var(--color-secondary);
--ui-success: var(--color-accent);
--ui-primary: var(--primary);
--ui-secondary: var(--secondary);
--ui-success: var(--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-primary: var(--primary);
--ui-secondary: var(--secondary);
--ui-success: var(--accent);
--ui-info: var(--ui-color-info-400);
--ui-warning: var(--ui-color-warning-400);
--ui-error: var(--ui-color-error-400);

8
frontend/app/assets/css/ui/index.css
View File

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

10
frontend/app/assets/css/ui/text.css
View File

@@ -1,15 +1,15 @@
:root {
--ui-text-dimmed: var(--text-400);
--ui-text-muted: var(--text-500);
--ui-text-dimmed: var(--text-800);
--ui-text-muted: var(--text-700);
--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-dimmed: var(--text-800);
--ui-text-muted: var(--text-700);
--ui-text-toned: var(--text-600);
--ui-text: var(--text);
--ui-text-highlighted: var(--text);
--ui-text-inverted: var(--text-50);