chore: init main branch

src/index.css

@@ -0,0 +1,70 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+html, body, #root {
+  height: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+
+:root, :root.dark {
+  --bg-app: #0f0f11;
+  --bg-panel: #16161a;
+  --bg-input: #1f1f23;
+  --bg-hover: #1c1c20;
+  --bg-hover-2: #252529;
+  --bg-footer: #121214;
+  --bg-cell-empty: #1a1a1e;
+  --border: #2a2a2e;
+  --border-strong: #3a3a42;
+  --text-primary: #e5e5e7;
+  --text-muted: #8b8b94;
+  --scrollbar-track: #1a1a1e;
+  --scrollbar-thumb: #3a3a42;
+  --scrollbar-thumb-hover: #4a4a52;
+  color-scheme: dark;
+}
+
+:root.light {
+  --bg-app: #f5f5f7;
+  --bg-panel: #ffffff;
+  --bg-input: #f0f0f2;
+  --bg-hover: #eaeaec;
+  --bg-hover-2: #e0e0e4;
+  --bg-footer: #eeeeef;
+  --bg-cell-empty: #e8e8ea;
+  --border: #d8d8dc;
+  --border-strong: #c0c0c4;
+  --text-primary: #1a1a1e;
+  --text-muted: #6b7280;
+  --scrollbar-track: #e8e8ea;
+  --scrollbar-thumb: #c0c0c4;
+  --scrollbar-thumb-hover: #a0a0a4;
+  color-scheme: light;
+}
+
+body {
+  background-color: var(--bg-app);
+  color: var(--text-primary);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+/* Custom scrollbar */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--scrollbar-track);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover);
+}