Files
automaker/apps/ui/src/styles/themes/onedark.css
SuperComboGamer 584f5a3426 Merge main into massive-terminal-upgrade
Resolves merge conflicts:
- apps/server/src/routes/terminal/common.ts: Keep randomBytes import, use @automaker/utils for createLogger
- apps/ui/eslint.config.mjs: Use main's explicit globals list with XMLHttpRequest and MediaQueryListEvent additions
- apps/ui/src/components/views/terminal-view.tsx: Keep our terminal improvements (killAllSessions, beforeunload, better error handling)
- apps/ui/src/config/terminal-themes.ts: Keep our search highlight colors for all themes
- apps/ui/src/store/app-store.ts: Keep our terminal settings persistence improvements (merge function)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-21 20:27:44 -05:00

145 lines
3.9 KiB
CSS

/* Onedark Theme */
.onedark {
--background: oklch(0.19 0.01 250); /* #282c34 */
--background-50: oklch(0.19 0.01 250 / 0.5);
--background-80: oklch(0.19 0.01 250 / 0.8);
--foreground: oklch(0.85 0.02 240); /* #abb2bf */
--foreground-secondary: oklch(0.7 0.02 240);
--foreground-muted: oklch(0.5 0.03 240); /* #5c6370 */
--card: oklch(0.23 0.01 250); /* #21252b */
--card-foreground: oklch(0.85 0.02 240);
--popover: oklch(0.21 0.01 250);
--popover-foreground: oklch(0.85 0.02 240);
--primary: oklch(0.7 0.18 230); /* #61afef blue */
--primary-foreground: oklch(0.19 0.01 250);
--brand-400: oklch(0.75 0.18 230);
--brand-500: oklch(0.7 0.18 230); /* Blue */
--brand-600: oklch(0.65 0.2 230);
--secondary: oklch(0.25 0.01 250);
--secondary-foreground: oklch(0.85 0.02 240);
--muted: oklch(0.25 0.01 250);
--muted-foreground: oklch(0.5 0.03 240);
--accent: oklch(0.28 0.02 250);
--accent-foreground: oklch(0.85 0.02 240);
--destructive: oklch(0.6 0.2 20); /* #e06c75 red */
--border: oklch(0.35 0.02 250);
--border-glass: oklch(0.7 0.18 230 / 0.3);
--input: oklch(0.23 0.01 250);
--ring: oklch(0.7 0.18 230);
--chart-1: oklch(0.7 0.18 230); /* Blue */
--chart-2: oklch(0.75 0.15 320); /* Magenta #c678dd */
--chart-3: oklch(0.75 0.18 150); /* Green #98c379 */
--chart-4: oklch(0.8 0.15 80); /* Yellow #e5c07b */
--chart-5: oklch(0.7 0.15 180); /* Cyan #56b6c2 */
--sidebar: oklch(0.17 0.01 250);
--sidebar-foreground: oklch(0.85 0.02 240);
--sidebar-primary: oklch(0.7 0.18 230);
--sidebar-primary-foreground: oklch(0.19 0.01 250);
--sidebar-accent: oklch(0.25 0.01 250);
--sidebar-accent-foreground: oklch(0.85 0.02 240);
--sidebar-border: oklch(0.35 0.02 250);
--sidebar-ring: oklch(0.7 0.18 230);
/* Action button colors - One Dark blue/magenta theme */
--action-view: oklch(0.7 0.18 230); /* Blue */
--action-view-hover: oklch(0.65 0.2 230);
--action-followup: oklch(0.75 0.15 320); /* Magenta */
--action-followup-hover: oklch(0.7 0.17 320);
--action-commit: oklch(0.75 0.18 150); /* Green */
--action-commit-hover: oklch(0.7 0.2 150);
--action-verify: oklch(0.75 0.18 150); /* Green */
--action-verify-hover: oklch(0.7 0.2 150);
/* Running indicator - Blue */
--running-indicator: oklch(0.7 0.18 230);
--running-indicator-text: oklch(0.75 0.16 230);
}
/* ========================================
SYNTHWAVE '84 THEME
Neon dreams of the 80s
======================================== */
/* Theme-specific overrides */
.onedark .animated-outline-gradient {
background: conic-gradient(from 90deg at 50% 50%, #61afef 0%, #c678dd 50%, #61afef 100%);
}
.onedark .animated-outline-inner {
background: oklch(0.19 0.01 250) !important;
color: #61afef !important;
}
.onedark [data-slot='button'][class*='animated-outline']:hover .animated-outline-inner {
background: oklch(0.25 0.02 250) !important;
color: #c678dd !important;
}
.onedark .slider-track {
background: oklch(0.25 0.01 250);
}
.onedark .slider-range {
background: linear-gradient(to right, #61afef, #c678dd);
}
.onedark .slider-thumb {
background: oklch(0.23 0.01 250);
border-color: #61afef;
}
.onedark .xml-highlight {
color: oklch(0.85 0.02 240); /* #abb2bf */
}
.onedark .xml-tag-bracket {
color: oklch(0.6 0.2 20); /* #e06c75 red */
}
.onedark .xml-tag-name {
color: oklch(0.6 0.2 20); /* Red for tags */
}
.onedark .xml-attribute-name {
color: oklch(0.8 0.15 80); /* #e5c07b yellow */
}
.onedark .xml-attribute-equals {
color: oklch(0.7 0.02 240); /* Dim text */
}
.onedark .xml-attribute-value {
color: oklch(0.75 0.18 150); /* #98c379 green */
}
.onedark .xml-comment {
color: oklch(0.5 0.03 240); /* #5c6370 */
font-style: italic;
}
.onedark .xml-cdata {
color: oklch(0.7 0.15 180); /* #56b6c2 cyan */
}
.onedark .xml-doctype {
color: oklch(0.75 0.15 320); /* #c678dd magenta */
}
.onedark .xml-text {
color: oklch(0.85 0.02 240); /* Text */
}