71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
@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);
|
|
}
|