generated from nhcarrigan/template
104 lines
2.0 KiB
CSS
104 lines
2.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root,
|
|
[data-theme="dark"] {
|
|
--bg-primary: #1a1a2e;
|
|
--bg-secondary: #16213e;
|
|
--bg-terminal: #0f0f1a;
|
|
--bg-hover: #2a2a4a;
|
|
--bg-code: #1e1e2e;
|
|
--accent-primary: #e94560;
|
|
--accent-secondary: #ff6b9d;
|
|
--text-primary: #ffffff;
|
|
--text-secondary: #a0a0a0;
|
|
--text-tertiary: #6b7280;
|
|
--border-color: #2a2a4a;
|
|
|
|
/* Terminal specific colors */
|
|
--terminal-user: #22d3ee;
|
|
--terminal-tool: #c084fc;
|
|
--terminal-tool-name: #ddd6fe;
|
|
--terminal-error: #f87171;
|
|
|
|
/* Syntax highlighting colors (dark) */
|
|
--hljs-keyword: #f472b6;
|
|
--hljs-string: #a3e635;
|
|
--hljs-number: #fbbf24;
|
|
--hljs-comment: #6b7280;
|
|
--hljs-function: #c084fc;
|
|
--hljs-type: #22d3ee;
|
|
--hljs-variable: #fb923c;
|
|
--hljs-meta: #94a3b8;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--bg-primary: #f8f9fa;
|
|
--bg-secondary: #ffffff;
|
|
--bg-terminal: #f1f3f4;
|
|
--bg-hover: #e8e8e8;
|
|
--bg-code: #f5f5f5;
|
|
--accent-primary: #e94560;
|
|
--accent-secondary: #ff6b9d;
|
|
--text-primary: #1a1a2e;
|
|
--text-secondary: #5a5a7a;
|
|
--text-tertiary: #9ca3af;
|
|
--border-color: #d0d0e0;
|
|
|
|
/* Terminal specific colors */
|
|
--terminal-user: #0891b2;
|
|
--terminal-tool: #7c3aed;
|
|
--terminal-tool-name: #8b5cf6;
|
|
--terminal-error: #dc2626;
|
|
|
|
/* Syntax highlighting colors (light) */
|
|
--hljs-keyword: #d946ef;
|
|
--hljs-string: #16a34a;
|
|
--hljs-number: #d97706;
|
|
--hljs-comment: #9ca3af;
|
|
--hljs-function: #7c3aed;
|
|
--hljs-type: #0891b2;
|
|
--hljs-variable: #ea580c;
|
|
--hljs-meta: #64748b;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
font-family:
|
|
"Segoe UI",
|
|
system-ui,
|
|
-apple-system,
|
|
sans-serif;
|
|
background: var(--bg-primary);
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--bg-secondary);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--border-color);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--accent-primary);
|
|
}
|
|
|
|
::selection {
|
|
background: var(--accent-primary);
|
|
color: var(--text-primary);
|
|
}
|