| 1 | @import "tailwindcss"; |
| 2 | |
| 3 | :root { |
| 4 | --background: #ffffff; |
| 5 | --foreground: #101014; |
| 6 | } |
| 7 | |
| 8 | @theme inline { |
| 9 | --color-background: var(--background); |
| 10 | --color-foreground: var(--foreground); |
| 11 | --color-ds-bg: #ffffff; |
| 12 | --color-ds-sidebar: #f9fafb; |
| 13 | --color-ds-input: #e5e7eb; |
| 14 | --color-ds-input-bg: #ffffff; |
| 15 | --color-ds-text: #111827; |
| 16 | --color-ds-hover: #f3f4f6; |
| 17 | --color-ds-blue: #4d6bfe; |
| 18 | } |
| 19 | |
| 20 | body { |
| 21 | background-color: var(--background); |
| 22 | color: var(--foreground); |
| 23 | } |
| 24 | |
| 25 | /* Custom Scrollbar */ |
| 26 | ::-webkit-scrollbar { |
| 27 | width: 6px; |
| 28 | } |
| 29 | ::-webkit-scrollbar-track { |
| 30 | background: transparent; |
| 31 | } |
| 32 | ::-webkit-scrollbar-thumb { |
| 33 | background: #d1d5db; |
| 34 | border-radius: 3px; |
| 35 | } |
| 36 |