Kurt Cobain

Author: irsyadadl

app/styles/app.css

@@ -4,77 +4,74 @@
 
 @layer base {
   :root {
-    --light: 0 0% 98.04%;
-    --dark: 240 10% 6%;
-    --bg: 0 0% 100%;
-    --fg: 240 10% 3.9%;
-
-    --overlay: 0 0% 100%;
-    --overlay-fg: 240 10% 3.9%;
-
-    --primary: 216.74 100% 50%;
-    --primary-fg: 0 0% 100%;
-
-    --secondary: 240 4.8% 95.9%;
-    --secondary-fg: 240 5.9% 10%;
-
-    --tertiary: 0 0% 100%;
-    --tertiary-fg: 240 4% 16%;
-
-    --accent: 216.74 100% 50%;
-    --accent-fg: 0 0% 100%;
-
-    --success: 152 69% 31%;
-    --success-fg: 0 0% 100%;
-
-    --info: 81.97 84.52% 67.06%;
-    --info-fg: 89.27 80.39% 10%;
-
-    --muted: 240 4.8% 95.9%;
-    --muted-fg: 240 3.8% 46.1%;
-
-    --danger: 0 72.22% 50.59%;
-    --danger-fg: 0 85.71% 97.25%;
-
-    --warning: 43.26 96.41% 56.27%;
-    --warning-fg: 20.91 91.67% 14.12%;
-
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
+    --light: 98.51% 0 0;
+    --dark: 16.41% 0.006 285.68;
+    --bg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --fg: 14.05% 0.004 285.82;
+    --primary: 55.76% 0.244 261.22;
+    --primary-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --secondary: 96.76% 0.001 286.38;
+    --secondary-fg: 21.03% 0.006 285.88;
+    --tertiary: 100% 3.5594404384177905e-8 106.37411429114086;
+    --tertiary-fg: 27.47% 0.006 286;
+    --overlay: 100% 3.5594404384177905e-8 106.37411429114086;
+    --overlay-fg: 14.05% 0.004 285.82;
+    --muted: 96.76% 0.001 286.38;
+    --muted-fg: 55.19% 0.014 285.94;
+    --accent: 55.76% 0.244 261.22;
+    --accent-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --accent-subtle: 97.47% 0.011951506905820171 259.81768693271533;
+    --accent-subtle-fg: 47.45% 0.2046280151598458 260.967449727105;
+    --success: 59.59% 0.127 163.23;
+    --success-fg: 97.93% 0.021 166.11;
+    --info: 65.08% 0.1906793232945444 251.28316095209283;
+    --info-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --danger: 57.71% 0.215 27.32;
+    --danger-fg: 97.05% 0.013 17.38;
+    --warning: 83.69% 0.164 84.43;
+    --warning-fg: 27.92% 0.074 45.64;
+    --border: 91.97% 0.004 286.32;
+    --input: 91.97% 0.004 286.32;
     --ring: var(--primary);
-    --toggle: 240 5% 84%;
+    --toggle: 87.16% 0.006 286.28;
     --radius: 0.5rem;
+    --primary-chart: 51.24% 0.22272067527197015 261.09713650910066;
+    --secondary-chart: 76.58% 0.119 263.28;
+    --tertiary-chart: 63.25% 0.184 258.64;
+    --highlight-chart: 81.17% 0.097 249.1;
+    --accent-chart: 81.17% 0.097 249.1
   }
 
   .dark {
-    --bg: 0 0% 0%;
-    --fg: 0 0% 98%;
-
-    --overlay: 240 6% 6%;
-    --overlay-fg: 0 0% 98%;
-
-    --primary: 216 98% 52%;
-    --primary-fg: 0 0% 100%;
-
-    --secondary: 240 3.7% 15.9%;
-    --secondary-fg: 0 0% 98%;
-
-    --info: 84.91 100% 66.47%;
-    --info-fg: 120 100% 13.14%;
-
-    --accent: 216 98% 52%;
-    --accent-fg: 0 0% 100%;
-
-    --tertiary: 240 10% 5.5%;
-    --tertiary-fg: 240 5% 96%;
-
-    --muted: 240 3.7% 15.9%;
-    --muted-fg: 240 5% 64.9%;
-
+    --bg: 0% 0 0;
+    --fg: 98.48% 0 0;
+    --primary: 57.51% 0.229 260.21;
+    --primary-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --secondary: 22% 0.006 285.89;
+    --secondary-fg: 98.48% 0 0;
+    --tertiary: 15.86% 0.006 285.71;
+    --tertiary-fg: 96.83% 0.001 286.37;
+    --accent: 57.51% 0.229 260.21;
+    --accent-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --accent-subtle: 15.82% 0.044 253.07;
+    --accent-subtle-fg: 82.36% 0.098 240.42;
+    --overlay: 16.64% 0.004 285.98;
+    --overlay-fg: 98.48% 0 0;
+    --muted: 27.41% 0.005 286.03;
+    --muted-fg: 71.19% 0.013 286.07;
+    --info: 65.08% 0.1906793232945444 251.28316095209283;
+    --info-fg: 100% 3.5594404384177905e-8 106.37411429114086;
+    --success: 59.59% 0.127 163.23;
+    --success-fg: 97.93% 0.021 166.11;
     --ring: var(--primary);
-    --toggle: 240 5% 26%;
-    --border: 240 7% 15%;
-    --input: 240 3.7% 15.9%;
+    --toggle: 37.01% 0.011 285.84;
+    --border: 26.08% 0.01 285.69;
+    --input: 27.41% 0.005 286.03;
+    --primary-chart: 54.6% 0.215 262.87;
+    --secondary-chart: 72.11% 0.142 253.1;
+    --tertiary-chart: 63.25% 0.184 258.64;
+    --highlight-chart: 81.17% 0.097 249.1;
+    --accent-chart: 88.29% 0.057 251.91
   }
 }
 
@@ -87,16 +84,39 @@
     @apply border-border;
     font-feature-settings: 'cv11', 'ss01';
     font-variation-settings: 'opsz' 850;
+    text-rendering: optimizeLegibility;
+    scrollbar-width: thin;
   }
 
   body {
     @apply bg-bg text-fg;
-    font-feature-settings:
-      'rlig' 1,
-      'calt' 1;
   }
-}
 
-.react-aria-DropIndicator[data-drop-target] {
-  outline: 1px solid hsl(var(--primary));
+  /* dark mode */
+  .dark {
+    scrollbar-width: thin;
+
+    @media (prefers-color-scheme: dark) {
+      * {
+        scrollbar-width: thin;
+      }
+    }
+  }
+
+  /* Chrome, Edge, and Safari */
+  *::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  *::-webkit-scrollbar-track {
+    background: transparent;
+    border-radius: 5px;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    @apply bg-muted;
+    border-radius: 14px;
+    border: 3px solid transparent;
+  }
 }