isuggest.selfce.st
alternative tangled frontend (extremely wip)
1@import "tailwindcss";
2@import "tw-shimmer";
3
4@import "@fontsource-variable/hanken-grotesk";
5@import "@fontsource/amiri";
6@import "@fontsource/maple-mono";
7@import "@fontsource/maple-mono/400-italic.css";
8
9@theme {
10 --font-sans: "Hanken Grotesk Variable", sans-serif;
11 --font-serif: "Amiri", serif;
12 --font-mono: "Maple Mono", monospace;
13
14 --color-crust: oklch(0.1286 0.0247 304);
15 --color-mantle: oklch(0.1776 0.0246 304);
16 --color-base: oklch(0.209 0.0247 304);
17
18 --color-surface0: oklch(0.2523 0.0247 304);
19 --color-surface1: oklch(0.381 0.0246 304);
20
21 --color-overlay0: oklch(0.518 0.0246 304);
22 --color-overlay1: oklch(0.681 0.0246 304);
23
24 --color-text: oklch(0.9911 0.0246 304);
25 --color-subtext1: oklch(0.9521 0.0246 304);
26 --color-subtext: oklch(0.812 0.0246 304);
27
28 --color-accent: oklch(0.73 0.1597 304);
29 --color-accent-alt: oklch(0.8412 0.1327 321.54);
30 --color-positive: oklch(0.7789 0.2059 148.52);
31 --color-negative: oklch(0.7285 0.1482 5.88);
32}
33
34body {
35 @apply m-0;
36 -webkit-font-smoothing: antialiased;
37 -moz-osx-font-smoothing: grayscale;
38}
39
40@layer base {
41 ::selection {
42 @apply bg-accent/40 text-text;
43 }
44}