49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap'); /* geist font */
|
|
|
|
@import "tailwindcss";
|
|
@import "@nuxt/ui";
|
|
|
|
:root {
|
|
--font-sans: 'Public Sans', sans-serif;
|
|
--ui-primary: rgb(189, 23, 255);
|
|
}
|
|
|
|
.light {
|
|
--ui-bg: var(--color-neutral-100);
|
|
}
|
|
|
|
.dark {
|
|
/*--ui-bg: var(--ui-color-neutral-950);*/
|
|
--ui-bg: oklch(16.7% 0.004 49.25);
|
|
--ui-bg-accented: rgba(189, 23, 255, 0.3);
|
|
--ui-bg-elevated: rgba(189, 23, 255, 0.2);
|
|
|
|
|
|
}
|
|
|
|
.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);
|
|
} |