Files
automaker/apps/ui/src/styles/themes/nord.css
Cody Seibert 0c6447a6f5 Implement settings service and routes for file-based settings management
- Add SettingsService to handle reading/writing global and project settings.
- Introduce API routes for managing settings, including global settings, credentials, and project-specific settings.
- Implement migration functionality to transfer settings from localStorage to file-based storage.
- Create common utilities for settings routes and integrate logging for error handling.
- Update server entry point to include new settings routes.
2025-12-20 01:52:25 -05:00

145 lines
3.9 KiB
CSS

/* Nord Theme */
.nord {
--background: oklch(0.23 0.02 240); /* #2e3440 */
--background-50: oklch(0.23 0.02 240 / 0.5);
--background-80: oklch(0.23 0.02 240 / 0.8);
--foreground: oklch(0.9 0.01 230); /* #eceff4 */
--foreground-secondary: oklch(0.75 0.02 230); /* #d8dee9 */
--foreground-muted: oklch(0.6 0.03 230); /* #4c566a */
--card: oklch(0.27 0.02 240); /* #3b4252 */
--card-foreground: oklch(0.9 0.01 230);
--popover: oklch(0.25 0.02 240);
--popover-foreground: oklch(0.9 0.01 230);
--primary: oklch(0.7 0.12 220); /* #88c0d0 frost */
--primary-foreground: oklch(0.23 0.02 240);
--brand-400: oklch(0.75 0.12 220);
--brand-500: oklch(0.7 0.12 220); /* #88c0d0 */
--brand-600: oklch(0.65 0.14 220); /* #81a1c1 */
--secondary: oklch(0.31 0.02 240); /* #434c5e */
--secondary-foreground: oklch(0.9 0.01 230);
--muted: oklch(0.31 0.02 240);
--muted-foreground: oklch(0.55 0.03 230);
--accent: oklch(0.35 0.03 240); /* #4c566a */
--accent-foreground: oklch(0.9 0.01 230);
--destructive: oklch(0.65 0.2 15); /* #bf616a */
--border: oklch(0.35 0.03 240);
--border-glass: oklch(0.7 0.12 220 / 0.3);
--input: oklch(0.27 0.02 240);
--ring: oklch(0.7 0.12 220);
--chart-1: oklch(0.7 0.12 220); /* Frost blue */
--chart-2: oklch(0.65 0.14 220); /* #81a1c1 */
--chart-3: oklch(0.7 0.15 140); /* #a3be8c green */
--chart-4: oklch(0.7 0.2 320); /* #b48ead purple */
--chart-5: oklch(0.75 0.15 70); /* #ebcb8b yellow */
--sidebar: oklch(0.21 0.02 240);
--sidebar-foreground: oklch(0.9 0.01 230);
--sidebar-primary: oklch(0.7 0.12 220);
--sidebar-primary-foreground: oklch(0.23 0.02 240);
--sidebar-accent: oklch(0.31 0.02 240);
--sidebar-accent-foreground: oklch(0.9 0.01 230);
--sidebar-border: oklch(0.35 0.03 240);
--sidebar-ring: oklch(0.7 0.12 220);
/* Action button colors - Nord frost blue theme */
--action-view: oklch(0.7 0.12 220); /* Frost blue */
--action-view-hover: oklch(0.65 0.14 220);
--action-followup: oklch(0.65 0.14 220); /* Darker frost */
--action-followup-hover: oklch(0.6 0.16 220);
--action-commit: oklch(0.7 0.15 140); /* Green */
--action-commit-hover: oklch(0.65 0.17 140);
--action-verify: oklch(0.7 0.15 140); /* Green */
--action-verify-hover: oklch(0.65 0.17 140);
/* Running indicator - Frost blue */
--running-indicator: oklch(0.7 0.12 220);
--running-indicator-text: oklch(0.75 0.1 220);
}
/* ========================================
MONOKAI THEME
The classic Monokai color scheme
======================================== */
/* Theme-specific overrides */
.nord .animated-outline-gradient {
background: conic-gradient(from 90deg at 50% 50%, #88c0d0 0%, #81a1c1 50%, #88c0d0 100%);
}
.nord .animated-outline-inner {
background: oklch(0.23 0.02 240) !important;
color: #88c0d0 !important;
}
.nord [data-slot="button"][class*="animated-outline"]:hover .animated-outline-inner {
background: oklch(0.28 0.03 240) !important;
color: #8fbcbb !important;
}
.nord .slider-track {
background: oklch(0.31 0.02 240);
}
.nord .slider-range {
background: linear-gradient(to right, #88c0d0, #81a1c1);
}
.nord .slider-thumb {
background: oklch(0.27 0.02 240);
border-color: #88c0d0;
}
.nord .xml-highlight {
color: oklch(0.9 0.01 230); /* #eceff4 */
}
.nord .xml-tag-bracket {
color: oklch(0.65 0.14 220); /* #81a1c1 */
}
.nord .xml-tag-name {
color: oklch(0.65 0.14 220); /* Frost blue for tags */
}
.nord .xml-attribute-name {
color: oklch(0.7 0.12 220); /* #88c0d0 */
}
.nord .xml-attribute-equals {
color: oklch(0.75 0.02 230); /* Dim white */
}
.nord .xml-attribute-value {
color: oklch(0.7 0.15 140); /* #a3be8c green */
}
.nord .xml-comment {
color: oklch(0.5 0.04 230); /* Dim text */
font-style: italic;
}
.nord .xml-cdata {
color: oklch(0.7 0.12 220); /* Frost blue */
}
.nord .xml-doctype {
color: oklch(0.7 0.2 320); /* #b48ead purple */
}
.nord .xml-text {
color: oklch(0.9 0.01 230); /* Snow white */
}