mirror of
https://github.com/wavetermdev/waveterm
synced 2026-05-16 21:38:26 +00:00
d272a4ec03
Massive PR, over 13k LOC updated, 128 commits to implement the first pass at the new Wave AI panel. Two backend adapters (OpenAI and Anthropic), layout changes to support the panel, keyboard shortcuts, and a huge focus/layout change to integrate the panel seamlessly into the UI. Also fixes some small issues found during the Wave AI journey (zoom fixes, documentation, more scss removal, circular dependency issues, settings, etc)
97 lines
2.7 KiB
CSS
97 lines
2.7 KiB
CSS
/* Copyright 2025, Command Line Inc.
|
|
SPDX-License-Identifier: Apache-2.0 */
|
|
|
|
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-background: rgb(34, 34, 34);
|
|
--color-foreground: #f7f7f7;
|
|
--color-white: #f7f7f7;
|
|
--color-primary: #f7f7f7;
|
|
--color-muted-foreground: rgb(195, 200, 194);
|
|
--color-secondary: rgb(195, 200, 194);
|
|
--color-muted: rgb(140, 145, 140);
|
|
--color-accent-50: rgb(236, 253, 232);
|
|
--color-accent-100: rgb(209, 250, 202);
|
|
--color-accent-200: rgb(167, 243, 168);
|
|
--color-accent-300: rgb(110, 231, 133);
|
|
--color-accent-400: rgb(88, 193, 66); /* main accent color */
|
|
--color-accent-500: rgb(63, 162, 51);
|
|
--color-accent-600: rgb(47, 133, 47);
|
|
--color-accent-700: rgb(34, 104, 43);
|
|
--color-accent-800: rgb(22, 81, 35);
|
|
--color-accent-900: rgb(15, 61, 29);
|
|
--color-error: rgb(229, 77, 46);
|
|
--color-warning: rgb(224, 185, 86);
|
|
--color-success: rgb(78, 154, 6);
|
|
--color-panel: rgba(31, 33, 31, 0.5);
|
|
--color-hover: rgba(255, 255, 255, 0.1);
|
|
--color-border: rgba(255, 255, 255, 0.16);
|
|
--color-modalbg: #232323;
|
|
--color-accentbg: rgba(88, 193, 66, 0.5);
|
|
--color-hoverbg: rgba(255, 255, 255, 0.2);
|
|
--color-accent: rgb(88, 193, 66);
|
|
--color-accenthover: rgb(118, 223, 96);
|
|
|
|
--font-sans: "Inter", sans-serif;
|
|
--font-mono: "Hack", monospace;
|
|
--font-markdown:
|
|
-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji",
|
|
"Segoe UI Emoji";
|
|
|
|
--text-xxs: 10px;
|
|
--text-title: 18px;
|
|
--text-default: 14px;
|
|
|
|
--radius: 8px;
|
|
|
|
/* ANSI Colors (Default Dark Palette) */
|
|
--ansi-black: #757575;
|
|
--ansi-red: #cc685c;
|
|
--ansi-green: #76c266;
|
|
--ansi-yellow: #cbca9b;
|
|
--ansi-blue: #85aacb;
|
|
--ansi-magenta: #cc72ca;
|
|
--ansi-cyan: #74a7cb;
|
|
--ansi-white: #c1c1c1;
|
|
--ansi-brightblack: #727272;
|
|
--ansi-brightred: #cc9d97;
|
|
--ansi-brightgreen: #a3dd97;
|
|
--ansi-brightyellow: #cbcaaa;
|
|
--ansi-brightblue: #9ab6cb;
|
|
--ansi-brightmagenta: #cc8ecb;
|
|
--ansi-brightcyan: #b7b8cb;
|
|
--ansi-brightwhite: #f0f0f0;
|
|
|
|
--container-xs: 300px;
|
|
--container-xxs: 200px;
|
|
--container-tiny: 120px;
|
|
}
|
|
|
|
:root {
|
|
--zoomfactor: 1;
|
|
--zoomfactor-inv: 1;
|
|
}
|
|
|
|
/* Chart tooltip styling for sysinfo plots */
|
|
svg [aria-label="tip"] g path {
|
|
color: var(--border-color);
|
|
}
|
|
|
|
/* Monaco editor scrollbar styling */
|
|
.monaco-editor .slider {
|
|
background: rgba(255, 255, 255, 0.4);
|
|
border-radius: 4px;
|
|
transition: background 0.2s ease;
|
|
}
|
|
|
|
.monaco-editor .slider:hover {
|
|
background: rgba(255, 255, 255, 0.6);
|
|
}
|
|
|
|
.ellipsis {
|
|
display: block;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|