@materialwebunofficial/antigravity-themes 1.0.4 → 1.0.13

package/themes/nordic-tokens.css

@@ -0,0 +1,60 @@
+/* AGY "Nordic Frost" — tokens (the Nord palette). Shared by the window
+   (nordic.css) and by sidecar frames (frames/nordic.css), which load no
+   other part of the theme. */
+
+:root[data-agy-theme="nordic"] {
+  /* Polar Night (Dark palette) */
+  --nord0: #2e3440; /* Base background */
+  --nord1: #3b4252; /* Elevated panels */
+  --nord2: #434c5e; /* Cards & active rows */
+  --nord3: #4c566a; /* Borders & muted lines */
+
+  /* Snow Storm (Text & highlights) */
+  --nord4: #d8dee9; /* Body text */
+  --nord5: #e5e9f0; /* Elevated text */
+  --nord6: #eceff4; /* High-contrast headings */
+
+  /* Frost (Calm arctic accents - strictly matte, no neon) */
+  --nord7:  #8fbcbb; /* Sage frost */
+  --nord8:  #88c0d0; /* Glacial blue */
+  --nord9:  #81a1c1; /* Steel blue */
+  --nord10: #5e81ac; /* Deep arctic blue */
+
+  /* Aurora (Subtle indicators) */
+  --nord11: #bf616a; /* Muted red */
+  --nord12: #d08770; /* Orange */
+  --nord13: #ebcb8b; /* Yellow */
+  --nord14: #a3be8c; /* Muted green */
+  --nord15: #b48ead; /* Purple */
+
+  /* Text on a Frost fill (pressed segments, primary buttons) */
+  --n-on-frost: #2e3440;
+
+  /* Secondary text. nord3 is the palette's line color: as text on a Polar
+     Night panel it is under 1.5:1. Snow Storm toward the panel reads at 4.6:1
+     (the light block's mix: 4.9:1). */
+  --n-muted: color-mix(in srgb, var(--nord4) 70%, var(--nord1));
+
+  --n-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
+  --n-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;
+}
+
+:root[data-agy-theme="nordic"][data-agy-mode="light"] {
+  /* Snow Storm (Light palette) */
+  --nord0: #eceff4; /* Base background */
+  --nord1: #e5e9f0; /* Panels */
+  --nord2: #ffffff; /* Cards */
+  --nord3: #d8dee9; /* Borders */
+
+  --nord4: #434c5e; /* Body text */
+  --nord5: #3b4252; /* Text */
+  --nord6: #2e3440; /* Headings */
+
+  --nord7:  #5e81ac;
+  --nord8:  #5e81ac;
+  --nord9:  #4c566a;
+  --nord10: #434c5e;
+
+  --n-muted: color-mix(in srgb, var(--nord4) 85%, var(--nord1));
+  --n-on-frost: #ffffff;
+}

package/themes/nordic.css

@@ -5,48 +5,8 @@
    Pure Arctic Ice Studio design language: Polar Night, Snow Storm, and Frost.
    ========================================================================== */
 
-:root[data-agy-theme="nordic"] {
-  /* Polar Night (Dark palette) */
-  --nord0: #2e3440; /* Base background */
-  --nord1: #3b4252; /* Elevated panels */
-  --nord2: #434c5e; /* Cards & active rows */
-  --nord3: #4c566a; /* Borders & muted lines */
-
-  /* Snow Storm (Text & highlights) */
-  --nord4: #d8dee9; /* Body text */
-  --nord5: #e5e9f0; /* Elevated text */
-  --nord6: #eceff4; /* High-contrast headings */
-
-  /* Frost (Calm arctic accents - strictly matte, no neon) */
-  --nord7:  #8fbcbb; /* Sage frost */
-  --nord8:  #88c0d0; /* Glacial blue */
-  --nord9:  #81a1c1; /* Steel blue */
-  --nord10: #5e81ac; /* Deep arctic blue */
-
-  /* Aurora (Subtle indicators) */
-  --nord11: #bf616a; /* Muted red */
-  --nord14: #a3be8c; /* Muted green */
-
-  --n-font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
-  --n-mono: "JetBrains Mono", "Cascadia Code", "Consolas", monospace;
-}
+/* 00 — Tokens: nordic-tokens.css (loaded before this file) */
 
-:root[data-agy-theme="nordic"][data-agy-mode="light"] {
-  /* Snow Storm (Light palette) */
-  --nord0: #eceff4; /* Base background */
-  --nord1: #e5e9f0; /* Panels */
-  --nord2: #ffffff; /* Cards */
-  --nord3: #d8dee9; /* Borders */
-
-  --nord4: #434c5e; /* Body text */
-  --nord5: #3b4252; /* Text */
-  --nord6: #2e3440; /* Headings */
-
-  --nord7:  #5e81ac;
-  --nord8:  #5e81ac;
-  --nord9:  #4c566a;
-  --nord10: #434c5e;
-}
 
 /* 01 — App token bridge */
 :root[data-agy-theme="nordic"] {
@@ -58,13 +18,15 @@
   --secondary: var(--nord2) !important;
   --secondary-foreground: var(--nord5) !important;
   --muted: var(--nord2) !important;
-  --muted-foreground: var(--nord3) !important;
+  --muted-foreground: var(--n-muted) !important;
+  --placeholder: var(--n-muted) !important;
   --border: var(--nord3) !important;
   --card: var(--nord2) !important;
   --card-border: var(--nord3) !important;
   --sidebar: var(--nord0) !important;
   --sidebar-secondary: var(--nord2) !important;
   --sidebar-muted: var(--nord2) !important;
+  --link: var(--nord8) !important;
 }
 
 /* 05 — Onyx layer override */
@@ -84,27 +46,34 @@
 }
 
 /* 10 — Main Inset Panel */
-:root[data-agy-theme="nordic"] .group\/pane,
-:root[data-agy-theme="nordic"] .agy-sheet:not(:has(.group\/pane)) .browser-hole-opaque {
+/* The app lays the panel out itself (.agy-sheet, with --card-gap,
+   --card-radius, --card-edge and --shell-canvas); the theme sets those
+   variables. A nord1 panel on the nord0 window, 10px corners, and the edge in
+   nord3: a border is part of Nord's language, so the app's hairline stays, at
+   a full pixel. A docked side panel shares that edge with the panel. */
+:root[data-agy-theme="nordic"] .agy-inset-shell {
+  --shell-canvas: var(--nord0);
+  --card-gap: 10px;
+  --card-radius: 10px;
+  --card-edge: var(--nord3);
+  --sash-line: var(--nord8);
+  --sash-glow: transparent;
+}
+:root[data-agy-theme="nordic"] .agy-sheet [data-main-content-body],
+:root[data-agy-theme="nordic"] .agy-inset-shell [data-side-panel-body],
+:root[data-agy-theme="nordic"] [data-testid="sidecar-iframe-slot"] {   /* a sidecar's frame is mounted over its pane, not in it */
   --background: var(--nord1);
   --color-background: var(--nord1);
-  width: auto;
-  height: calc(100% - 10px);
-  margin: 0 10px 10px 6px;
-  border-radius: 10px;
-  border: 1px solid var(--nord3);
-  background: var(--nord1);
-  box-shadow: 0 4px 16px -4px rgb(0 0 0 / 0.3);
-  overflow: hidden;
+}
+:root[data-agy-theme="nordic"] .agy-sheet[data-sheet-inset] [data-main-content-body]::after,
+:root[data-agy-theme="nordic"] .agy-inset-shell [data-side-panel-body]::after {
+  box-shadow: inset 0 0 0 1px var(--card-edge);
 }
 :root[data-agy-theme="nordic"] .agy-sheet {
   background-image: none !important;
 }
-:root[data-agy-theme="nordic"] .bg-border.flex-shrink-0.z-30.h-full {
-  background: var(--nord0);
-}
 
-/* Inactive webview occlusion guard */
+/* Inactive webview occlusion guard: prevent GPU compositor bleeding */
 div[style*="opacity: 0.005"] webview,
 div[style*="display: none"] webview,
 webview[style*="opacity: 0.005"] {
@@ -112,6 +81,7 @@ webview[style*="opacity: 0.005"] {
   pointer-events: none !important;
 }
 
+
 /* 20 — Typography: Calm, Balanced Scandinavian Grotesque */
 :root[data-agy-theme="nordic"] {
   font-family: var(--n-font);
@@ -125,17 +95,16 @@ webview[style*="opacity: 0.005"] {
   color: var(--nord4);
 }
 
-:root[data-agy-theme="nordic"] h1,
-:root[data-agy-theme="nordic"] h2,
-:root[data-agy-theme="nordic"] h3,
-:root[data-agy-theme="nordic"] h4 {
+/* chat prose only: the app's own headings (Settings, panels) keep their
+   sizes and take the dialog rules (60) */
+:root[data-agy-theme="nordic"] :is(.prose, [role="article"]) :is(h1, h2, h3, h4) {
   font-family: var(--n-font);
   font-weight: 600;
   color: var(--nord6);
   letter-spacing: -0.01em;
 }
 
-:root[data-agy-theme="nordic"] h1 {
+:root[data-agy-theme="nordic"] :is(.prose, [role="article"]) h1 {
   font-size: 1.35rem;
   border-bottom: 1px solid var(--nord3);
   padding-bottom: 6px;
@@ -191,7 +160,9 @@ webview[style*="opacity: 0.005"] {
   font-family: var(--n-mono) !important;
   font-size: 13px !important;
 }
-:root[data-agy-theme="nordic"] pre {
+/* Fenced code in the chat is the app's own bordered block (.agy-code): a
+   second box around a pre inside it would draw two edges */
+:root[data-agy-theme="nordic"] pre:not(.agy-code pre) {
   background: var(--nord0) !important;
   border: 1px solid var(--nord3) !important;
   border-radius: 6px !important;
@@ -222,8 +193,9 @@ webview[style*="opacity: 0.005"] {
   font-size: 13px;
   color: var(--nord4);
 }
-:root[data-agy-theme="nordic"] [role="menuitem"]:hover,
-:root[data-agy-theme="nordic"] [role="menuitemradio"]:hover {
+/* disabled items (an unavailable model) take no hover fill: it only dims them */
+:root[data-agy-theme="nordic"] [role="menuitem"]:not([data-disabled], [aria-disabled="true"]):hover,
+:root[data-agy-theme="nordic"] [role="menuitemradio"]:not([data-disabled], [aria-disabled="true"]):hover {
   background: var(--nord2);
   color: var(--nord6);
 }
@@ -241,6 +213,422 @@ webview[style*="opacity: 0.005"] {
   background: var(--nord8);
 }
 
+/* 60 — Dialogs & Settings: frost tiles ------------------------------------- */
+/* Settings as Nord lays out a preferences window: a raised Polar Night
+   column for the index (Frost headings, a frost-tinted current page), then
+   each group as a solid tile on the base, its rows parted by grooves of the
+   base color. Controls are flat fills with no strokes; Frost marks what is
+   on or chosen. Selectors go through .agy-dialog to outrank the app's glass
+   rules (body[data-newux-theme]). */
+:root[data-agy-theme="nordic"] .agy-dialog {
+  border: 1px solid var(--nord1) !important;
+  border-radius: 12px !important;
+  background: var(--nord0);
+  box-shadow: 0 20px 50px -12px rgb(0 0 0 / 0.5) !important;
+  color: var(--nord4);
+  font-family: var(--n-font);
+}
+:root[data-agy-theme="nordic"] .settings-modal-backdrop {
+  background: color-mix(in srgb, #2e3440 55%, transparent);
+}
+:root[data-agy-theme="nordic"] .agy-dialog > button[aria-label="Close"] {
+  border-radius: 6px !important;
+  color: var(--n-muted);
+}
+:root[data-agy-theme="nordic"] .agy-dialog > button[aria-label="Close"]:hover {
+  background: var(--nord2);
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] .settings-modal-container .bg-background {
+  background: transparent;
+}
+
+/* index column: raised, Frost group headings */
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] {
+  background: var(--nord1);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] > div:first-child {
+  gap: 2px;
+  padding: 18px 0 12px;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] .px-4 {
+  padding: 0 20px;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] h1 {
+  margin-bottom: 8px;
+  font-size: 15px;
+  font-weight: 600;
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] .px-4.mt-2 {
+  margin-top: 14px;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] h2 {
+  margin-bottom: 4px;
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: var(--nord8);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] .mx-2 {
+  margin: 0 10px;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button[data-testid^="settings-nav-item-"] {
+  min-height: 32px;
+  padding: 0 10px;
+  border-radius: 6px;
+  color: var(--nord4);
+  font-size: 13.5px;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button[data-testid^="settings-nav-item-"] span {
+  color: inherit;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button[data-testid^="settings-nav-item-"]:hover {
+  background: var(--nord2);
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button[data-testid^="settings-nav-item-"].bg-sidebar-secondary {
+  background: color-mix(in srgb, var(--nord8) 18%, var(--nord1));
+  color: var(--nord8);
+  font-weight: 600;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button.mx-4 {
+  margin: 2px 20px 0;
+  color: var(--nord9);
+  text-decoration: none;
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] button.mx-4:hover {
+  color: var(--nord8);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] > .border-t {
+  border-color: var(--nord2);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] > .border-t > button:hover {
+  background: var(--nord2);
+}
+:root[data-agy-theme="nordic"] [data-testid="settings-sidebar"] > .border-t > button > div:first-child {
+  background: var(--nord10);
+  color: var(--nord6);
+}
+
+/* page */
+:root[data-agy-theme="nordic"] .settings-modal-container .p-6.max-w-2xl {
+  gap: 22px;
+  padding: 32px 32px 40px;
+}
+:root[data-agy-theme="nordic"] .settings-modal-container h2.text-2xl {
+  font-size: 24px;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] .settings-modal-container h2.text-2xl + div {
+  color: var(--n-muted);
+}
+:root[data-agy-theme="nordic"] .settings-modal-container h3 {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--nord8);
+}
+:root[data-agy-theme="nordic"] .settings-modal-container .leading-relaxed {
+  color: var(--n-muted);
+}
+
+/* tiles: a solid Polar Night block, rows parted by grooves of the base */
+:root[data-agy-theme="nordic"] .agy-dialog .agy-card {
+  --color-border: var(--nord0);
+  border: 0;
+  border-radius: 10px;
+  background: var(--nord1);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-card > :not(:last-child) {
+  border-color: var(--nord0) !important;
+  border-bottom-width: 2px;
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-card .py-2.px-3 {
+  min-height: 56px;
+  padding: 12px 18px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--nord5);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-card .text-sm {
+  font-size: 12.5px;
+  font-weight: 400;
+  color: var(--n-muted);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-card > button:hover {
+  background: var(--nord2);
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] .agy-dialog [data-testid="settings-row-badge"] {
+  padding: 2px 7px;
+  border: 0;
+  background: var(--nord3);
+  color: var(--nord6);
+  font-size: 10.5px;
+}
+:root[data-agy-theme="nordic"] .agy-dialog code {
+  border: 0;
+  border-radius: 4px;
+  background: var(--nord2);
+  color: var(--nord7);
+  font-family: var(--n-mono);
+}
+
+/* controls: flat Polar Night fills, no strokes, 6px corners */
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-sm, .agy-button-md).bg-secondary,
+:root[data-agy-theme="nordic"] .agy-dialog .agy-select-trigger {
+  height: 32px;
+  padding: 0 12px;
+  border: 0 !important;
+  border-radius: 6px !important;
+  background: var(--nord2);
+  color: var(--nord6);
+  font-size: 13px;
+  font-weight: 500;
+  transition: background-color 100ms linear, box-shadow 100ms linear;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-sm, .agy-button-md).bg-secondary:hover,
+:root[data-agy-theme="nordic"] .agy-dialog .agy-select-trigger:hover {
+  background: var(--nord3);
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-select-trigger[aria-expanded="true"] {
+  box-shadow: inset 0 0 0 1px var(--nord8);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-select-trigger svg {
+  color: var(--nord8);
+  opacity: 1;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(a, button:not([role])).bg-primary {
+  padding: 6px 14px;
+  border-radius: 6px !important;
+  background: var(--nord8);
+  color: var(--n-on-frost);
+  font-weight: 600;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(a, button:not([role])).bg-primary:hover {
+  background: var(--nord7);
+}
+:root[data-agy-theme="nordic"] .agy-dialog [data-testid="delete-project-button"] {
+  border-radius: 6px !important;
+  background: var(--nord11);
+  color: #eceff4;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-sm.text-link, button.self-start.rounded-md) {
+  color: var(--nord8);
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-sm.text-link, button.self-start.rounded-md):hover {
+  background: color-mix(in srgb, var(--nord8) 12%, transparent);
+  color: var(--nord8);
+  text-decoration: none;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-icon-sm, .agy-button-icon):not(.bg-secondary) {
+  border-radius: 6px !important;
+  color: var(--n-muted);
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(.agy-button-icon-sm, .agy-button-icon):not(.bg-secondary):hover {
+  background: var(--nord2);
+  color: var(--nord6);
+}
+/* keys: a filled cap with a groove at the bottom */
+:root[data-agy-theme="nordic"] .agy-dialog .agy-button-xs.border {
+  height: 26px;
+  padding: 0 8px;
+  border: 0;
+  border-radius: 5px !important;
+  background: var(--nord2);
+  box-shadow: inset 0 -2px 0 var(--nord3);
+  color: var(--nord6);
+  font-family: var(--n-mono);
+  font-size: 12px;
+}
+:root[data-agy-theme="nordic"] .agy-dialog .agy-button-xs.border:hover {
+  box-shadow: inset 0 -2px 0 var(--nord8);
+}
+
+/* segmented control: a Polar Night track, the chosen segment in Frost */
+:root[data-agy-theme="nordic"] .agy-dialog [data-slot="toggle-group"] {
+  height: 32px;
+  padding: 3px;
+  gap: 2px;
+  border: 0 !important;
+  border-radius: 8px;
+  background: var(--nord2) !important;
+  box-shadow: none !important;
+}
+:root[data-agy-theme="nordic"] .agy-dialog [data-slot="toggle-group"] > button {
+  padding: 0 12px;
+  border-radius: 6px;
+  color: var(--nord4) !important;
+  font-size: 13px;
+  box-shadow: none !important;
+}
+:root[data-agy-theme="nordic"] .agy-dialog [data-slot="toggle-group"] > button:hover {
+  background: var(--nord3) !important;
+}
+:root[data-agy-theme="nordic"] .agy-dialog [data-slot="toggle-group"] > button[data-pressed] {
+  background: var(--nord8) !important;
+  color: var(--n-on-frost) !important;
+  font-weight: 600;
+}
+
+/* switch: 40 x 22, Polar Night off, Frost on, a Snow Storm knob */
+:root[data-agy-theme="nordic"] [role="switch"].rounded-full {
+  width: 40px;
+  height: 22px;
+  padding: 0;
+  border: 0;
+  background: var(--nord3) !important;
+}
+:root[data-agy-theme="nordic"] [role="switch"].rounded-full:is([aria-checked="true"], [data-checked]) {
+  background: var(--nord8) !important;
+}
+:root[data-agy-theme="nordic"] [role="switch"].rounded-full > span {
+  width: 16px;
+  height: 16px;
+  background: #eceff4;
+  box-shadow: 0 1px 2px rgb(46 52 64 / 0.4) !important;
+  transform: translateX(3px) !important;
+  transition: transform 150ms ease-out;
+}
+:root[data-agy-theme="nordic"] [role="switch"].rounded-full:is([aria-checked="true"], [data-checked]) > span {
+  transform: translateX(21px) !important;
+}
+
+/* slider */
+:root[data-agy-theme="nordic"] .agy-dialog input[type="range"] {
+  --primary: var(--nord8);
+  --secondary: var(--nord3);
+  height: 4px;
+}
+:root[data-agy-theme="nordic"] .agy-dialog input[type="range"]::-webkit-slider-thumb {
+  width: 14px;
+  height: 14px;
+  border: 2px solid var(--nord8);
+  background: #eceff4;
+}
+
+/* option cards: tiles; the chosen one Frost-edged and tinted */
+:root[data-agy-theme="nordic"] .agy-dialog [role="radio"].rounded-xl {
+  border: 1px solid transparent;
+  border-radius: 10px;
+  background: var(--nord1);
+  box-shadow: none;
+  color: var(--nord5);
+}
+:root[data-agy-theme="nordic"] .agy-dialog [role="radio"].rounded-xl:hover {
+  background: var(--nord2);
+}
+:root[data-agy-theme="nordic"] .agy-dialog [role="radio"].rounded-xl:is([data-checked], [aria-checked="true"]) {
+  border-color: var(--nord8);
+  background: color-mix(in srgb, var(--nord8) 10%, var(--nord1));
+  color: var(--nord6);
+}
+:root[data-agy-theme="nordic"] .agy-dialog [role="radio"].rounded-xl:is([data-checked], [aria-checked="true"]) svg {
+  color: var(--nord8);
+}
+
+/* text fields: filled, a Frost edge on focus (through the variables the
+   app's layered !important utilities read) */
+:root[data-agy-theme="nordic"] .agy-dialog :is(input.agy-field, input.bg-muted, .h-8.rounded-lg.bg-muted.border) {
+  --color-muted: var(--nord2);
+  --color-border: var(--nord2);
+  border-color: var(--color-border);
+  border-radius: 6px !important;
+  background: var(--nord2);
+  color: var(--nord6);
+  font-size: 13px !important;
+}
+:root[data-agy-theme="nordic"] .agy-dialog :is(input.agy-field:focus, input.bg-muted:focus, .h-8.rounded-lg.bg-muted.border:focus-within) {
+  --color-border: var(--nord8);
+  outline: none;
+}
+
+/* usage rings and token bars: Frost on Polar Night; Aurora when low */
+:root[data-agy-theme="nordic"] circle:has(+ [data-testid="quota-progress-circle"]) {
+  stroke: var(--nord3);
+  stroke-opacity: 1;
+}
+:root[data-agy-theme="nordic"] .rounded-full:has(> svg [data-testid="quota-progress-circle"]) {
+  background: transparent;
+}
+:root[data-agy-theme="nordic"] [data-testid="quota-progress-circle"] {
+  stroke: var(--nord8);
+}
+:root[data-agy-theme="nordic"] [data-testid="quota-progress-circle"]:is(.stroke-yellow-500, .stroke-amber-500, .stroke-orange-500) {
+  stroke: var(--nord13);
+}
+:root[data-agy-theme="nordic"] [data-testid="quota-progress-circle"]:is(.stroke-red-500, .stroke-destructive) {
+  stroke: var(--nord11);
+}
+:root[data-agy-theme="nordic"] .agy-dialog {
+  --chart-blue: var(--nord8);
+  --chart-green: var(--nord14);
+  --chart-purple: var(--nord15);
+  --chart-yellow: var(--nord13);
+  --chart-orange: var(--nord12);
+  --chart-red: var(--nord11);
+}
+:root[data-agy-theme="nordic"] .agy-dialog .h-2.rounded-full.bg-muted {
+  height: 6px;
+  background: var(--nord2);
+}
+:root[data-agy-theme="nordic"] [data-testid="workspace-customizations-view"] .border.border-border.rounded-xl {
+  --color-border: var(--nord0);
+  border: 0;
+  border-radius: 10px;
+  background: var(--nord1);
+}
+:root[data-agy-theme="nordic"] .agy-dialog span.rounded:is(.bg-blue-500\/10, .bg-purple-500\/10, .bg-green-500\/10, .bg-orange-500\/10) {
+  border-radius: 4px;
+  background: var(--nord2);
+  color: var(--nord8);
+}
+:root[data-agy-theme="nordic"] .agy-dialog span.rounded:is(.bg-purple-500\/10, .bg-green-500\/10, .bg-orange-500\/10) {
+  color: var(--nord15);
+}
+
+/* "Restart to Update": a Frost-tinted tag that fills with Frost on hover;
+   the app's pulses are stilled */
+:root[data-agy-theme="nordic"] [data-testid="app-update-button"] {
+  animation: none !important;
+}
+:root[data-agy-theme="nordic"] [data-testid="app-update-button"]:not(.w-6) {
+  width: auto;
+  height: 26px;
+  padding: 0 12px;
+  border-radius: 6px;
+  background: color-mix(in srgb, var(--nord8) 18%, var(--nord0));
+  color: var(--nord8);
+  font-size: 12px;
+  font-weight: 600;
+}
+:root[data-agy-theme="nordic"] [data-testid="app-update-button"]:not(.w-6):hover {
+  background: var(--nord8);
+  color: var(--n-on-frost);
+}
+:root[data-agy-theme="nordic"] [data-testid="app-update-button"].w-6 {
+  color: var(--nord8);
+}
+
+/* Chips in a sent message (quotes, files, terminals): they take the bubble's
+   own ink, not the app's text colors, which are meant for the panel; a 12%
+   tint of that ink marks them, the icon and supporting parts at 80% */
+:root[data-agy-theme="nordic"] .agy-user-bubble .inline-pill {
+  color: inherit;
+  background: color-mix(in srgb, currentColor 12%, transparent);
+  border-radius: 5px;
+}
+:root[data-agy-theme="nordic"] .agy-user-bubble .inline-pill :is(.text-foreground, .text-secondary-foreground) {
+  color: inherit;
+}
+:root[data-agy-theme="nordic"] .agy-user-bubble .inline-pill .text-muted-foreground {
+  color: color-mix(in srgb, currentColor 80%, transparent);
+}
+
 /* 80 — Voice Mode & Gemini Live Harmonization */
 :root[data-agy-theme="nordic"] [data-testid="voice-live-pill"] {
   background: var(--nord2) !important;
@@ -281,7 +669,7 @@ webview[style*="opacity: 0.005"] {
 }
 :root[data-agy-theme="nordic"] [data-testid="voice-picker"] .voice-picker-dot[aria-current="true"] > span {
   background: var(--nord8) !important;
-  box-shadow: 0 0 8px rgba(136, 192, 208, 0.5) !important;
+  box-shadow: none !important;
 }
 :root[data-agy-theme="nordic"] [data-testid="voice-picker"] button[data-testid="voice-picker-use"] {
   background: var(--nord8) !important;
@@ -304,8 +692,7 @@ webview[style*="opacity: 0.005"] {
   border-bottom: none !important;
   border-radius: 12px 12px 0 0 !important;
   box-shadow: 0 -8px 24px -8px rgb(0 0 0 / 0.4) !important;
-  backdrop-filter: blur(16px) !important;
-  -webkit-backdrop-filter: blur(16px) !important;
+  backdrop-filter: none !important;   /* opaque: a blur behind it was pure cost */
 }
 :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-end-button"],
 :root[data-agy-theme="nordic"] [data-testid="live-docked"] [data-testid="voice-call-end"] {
@@ -368,3 +755,6 @@ webview[style*="opacity: 0.005"] {
   border-color: var(--nord8) !important;
 }
 
+
+/* 90 — Swarm and other sidecar panes: themes/frames/nordic.css. They are
+   cross-origin frames; frame-host.js loads that stylesheet inside them. */