an appview-less Bluesky client using Constellation and PDS Queries
reddwarf.app
whey.party
frontend
spa
bluesky
reddwarf
microcosm
1@import "tailwindcss";
2
3/* @theme {
4 --color-gray-50: oklch(0.984 0.005 220.000);
5 --color-gray-100: oklch(0.968 0.010 220.000);
6 --color-gray-200: oklch(0.929 0.020 222.000);
7 --color-gray-300: oklch(0.869 0.035 220.000);
8 --color-gray-400: oklch(0.704 0.060 218.000);
9 --color-gray-500: oklch(0.554 0.070 218.000);
10 --color-gray-600: oklch(0.446 0.065 218.000);
11 --color-gray-700: oklch(0.372 0.060 218.000);
12 --color-gray-800: oklch(0.279 0.055 220.000);
13 --color-gray-900: oklch(0.208 0.050 222.000);
14 --color-gray-950: oklch(0.129 0.050 222.000);
15} */
16
17@theme {
18 --color-gray-50: oklch(0.984 0.012 28);
19 --color-gray-100: oklch(0.968 0.017 28);
20 --color-gray-200: oklch(0.929 0.025 28);
21 --color-gray-300: oklch(0.869 0.035 28);
22 --color-gray-400: oklch(0.704 0.05 28);
23 --color-gray-500: oklch(0.554 0.06 28);
24 --color-gray-600: oklch(0.446 0.058 28);
25 --color-gray-700: oklch(0.372 0.058 28);
26 --color-gray-800: oklch(0.279 0.055 28);
27 --color-gray-900: oklch(0.208 0.055 28);
28 --color-gray-950: oklch(0.129 0.055 28);
29}
30
31@layer base {
32 html {
33 color-scheme: light dark;
34 }
35
36 * {
37 @apply border-gray-200 dark:border-gray-800;
38 }
39
40 html,
41 body {
42 @apply text-gray-900 bg-gray-50 dark:bg-gray-950 dark:text-gray-200;
43 }
44
45 .using-mouse * {
46 outline: none !important;
47 }
48}
49
50@media (width >= 64rem /* 1024px */) {
51 html,
52 body {
53 scrollbar-gutter: stable both-edges !important;
54 }
55}
56.scroll-thin {
57 scrollbar-width: thin;
58 /*scrollbar-gutter: stable both-edges !important;*/
59}
60
61.scroll-none {
62 scrollbar-width: none;
63}