Blomios
307ae71857
Agents for developpement added + frontend add + backend added. Git viewer created + agent and template creator + layout and project creator
77 lines
2.1 KiB
CSS
77 lines
2.1 KiB
CSS
/*
|
|
* IdeA design system — global theme (LD).
|
|
*
|
|
* Tailwind v4, CSS-first: semantic tokens declared under `@theme` become
|
|
* utilities (e.g. `--color-surface` → `bg-surface text-surface border-surface`).
|
|
* The palette is a **dark IDE** theme by default — IdeA is an IDE, not a website.
|
|
* Features should consume these tokens + the `shared/ui` components rather than
|
|
* hard-coding colours.
|
|
*/
|
|
|
|
@import "tailwindcss";
|
|
|
|
@theme {
|
|
/* Surfaces (back-to-front) */
|
|
--color-canvas: #0e1116; /* app background */
|
|
--color-surface: #161b22; /* panels, cards */
|
|
--color-raised: #1c2430; /* inputs, hovered rows */
|
|
--color-overlay: #222c3a; /* popovers, menus */
|
|
|
|
/* Lines & text */
|
|
--color-border: #2b3440;
|
|
--color-border-strong: #3b4757;
|
|
--color-content: #e6edf3; /* primary text */
|
|
--color-muted: #9aa7b4; /* secondary text */
|
|
--color-faint: #6b7785; /* disabled / placeholder */
|
|
|
|
/* Accent & status */
|
|
--color-primary: #4c8dff;
|
|
--color-primary-hover: #3b7bf0;
|
|
--color-on-primary: #ffffff;
|
|
--color-danger: #f85149;
|
|
--color-success: #3fb950;
|
|
--color-warning: #d29922;
|
|
|
|
/* Typography */
|
|
--font-sans:
|
|
ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica,
|
|
Arial, sans-serif;
|
|
--font-mono:
|
|
"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo,
|
|
Consolas, monospace;
|
|
|
|
/* Radii */
|
|
--radius-md: 0.375rem;
|
|
--radius-lg: 0.5rem;
|
|
}
|
|
|
|
@layer base {
|
|
/* Tell the engine (incl. the Tauri WebKitGTK webview) to render native form
|
|
controls — <select> popups, <option>, checkboxes, scrollbars — in dark mode.
|
|
Without this, WebKitGTK paints them with the light system GTK theme, which is
|
|
why dropdowns looked white in the packaged app but not in a dark browser. */
|
|
:root {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
background-color: var(--color-canvas);
|
|
color: var(--color-content);
|
|
font-family: var(--font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
/* A consistent focus ring across the kit (keyboard accessibility). */
|
|
:focus-visible {
|
|
outline: 2px solid var(--color-primary);
|
|
outline-offset: 1px;
|
|
}
|
|
}
|