chore: separate frontend from backend
This commit is contained in:
14
app/assets/css/ui/background.css
Normal file
14
app/assets/css/ui/background.css
Normal 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
app/assets/css/ui/border.css
Normal file
12
app/assets/css/ui/border.css
Normal 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
app/assets/css/ui/colors.css
Normal file
16
app/assets/css/ui/colors.css
Normal file
@@ -0,0 +1,16 @@
|
||||
:root {
|
||||
--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(--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);
|
||||
}
|
||||
4
app/assets/css/ui/index.css
Normal file
4
app/assets/css/ui/index.css
Normal file
@@ -0,0 +1,4 @@
|
||||
@import './colors.css';
|
||||
@import './text.css';
|
||||
@import './background.css';
|
||||
@import './border.css';
|
||||
16
app/assets/css/ui/text.css
Normal file
16
app/assets/css/ui/text.css
Normal file
@@ -0,0 +1,16 @@
|
||||
:root {
|
||||
--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-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);
|
||||
}
|
||||
Reference in New Issue
Block a user