suricata/nuxtui_lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

color uis

Browse Source
This commit is contained in:
suricata
2025-12-30 17:10:52 +00:00
parent 45adb0b137
commit 22d24e0f7b
3 changed files with 36 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/css/global.css
View File

@@ -3,6 +3,7 @@
@import "tailwindcss";
@import "@nuxt/ui";
:root {
--font-sans: 'Public Sans', sans-serif;
--ui-primary: rgb(189, 23, 255);
@@ -21,28 +22,6 @@
}
.ui-red {
--ui-primary: var(--color-red-500);
--ui-bg-elevated: oklch(63.7% 0.237 25.331 / 20%);
--ui-bg-accented: oklch(63.7% 0.237 25.331 / 40%);
}
.ui-blue {
--ui-primary: var(--color-blue-500);
--ui-bg-elevated: oklch(62.3% 0.214 259.815 / 20%);
--ui-bg-accented: oklch(62.3% 0.214 259.815 / 40%);
}
.ui-violet {
--ui-primary: var(--color-violet-500);
--ui-bg-elevated: oklch(60.6% 0.25 292.717 / 20%);
--ui-bg-accented: oklch(60.6% 0.25 292.717 / 40%);
}
.ui-orange {
--ui-primary: var(--color-orange-600);
}
.dark-widget-bg {
--ui-bg-elevated: rgb(34, 24, 32);
--ui-bg-accented: rgb(22,22,22);

33
app/assets/css/ui_colors.css Normal file
View File

@@ -0,0 +1,33 @@
.ui-red {
--ui-primary: var(--color-red-500);
--ui-bg-elevated: oklch(63.7% 0.237 25.331 / 20%);
--ui-bg-accented: oklch(63.7% 0.237 25.331 / 40%);
}
.ui-blue {
--ui-primary: var(--color-blue-500);
--ui-bg-elevated: oklch(62.3% 0.214 259.815 / 20%);
--ui-bg-accented: oklch(62.3% 0.214 259.815 / 40%);
}
.ui-violet {
--ui-primary: var(--color-violet-500);
--ui-bg-elevated: oklch(60.6% 0.25 292.717 / 20%);
--ui-bg-accented: oklch(60.6% 0.25 292.717 / 40%);
}
.ui-indigo {
--ui-primary: var(--color-indigo-500);
--ui-bg-elevated: oklch(58.5% 0.233 277.117 / 20%);
--ui-bg-accented: oklch(58.5% 0.233 277.117 / 40%);
}
.ui-orange {
--ui-primary: var(--color-orange-600);
}
.ui-cyan {
--ui-primary: var(--color-cyan-500);
--ui-bg-elevated: oklch(71.5% 0.143 215.221 / 20%);
--ui-bg-accented: oklch(71.5% 0.143 215.221 / 40%);
}