fraim-hub 2.0.338 → 2.0.340

package/public/ai-hub/styles.css

@@ -52,6 +52,38 @@
      modal so phase/skill popovers float above it when the modal is open. */
   --z-job-viz: 9200;
   --z-jv-tt: 9300;
+
+  /* Domain identity. A learning's domain renders as a badge whose only job is
+     to be told apart from the other domains on screen, so these are picked for
+     mutual distinguishability rather than for connotation, and they sit outside
+     the state/accent set, which carries meaning a domain must not borrow.
+     Slots rather than domain names: tfLearnDomainClass hashes a domain into
+     TF_DOMAIN_SLOTS, so the mapping is many-to-few and no slot owns a domain.
+     Retune the domain palette here. */
+  --domain-slot-0: #0058b0;
+  --domain-slot-1: #6b4c92;
+  --domain-slot-2: #2e7d4f;
+  --domain-slot-3: #8a6734;
+  --domain-slot-4: #a24747;
+  --domain-slot-5: #2b6f78;
+  --domain-slot-0-ring: rgba(0, 88, 176, 0.35);
+  --domain-slot-1-ring: rgba(107, 76, 146, 0.35);
+  --domain-slot-2-ring: rgba(46, 125, 79, 0.35);
+  --domain-slot-3-ring: rgba(138, 103, 52, 0.35);
+  --domain-slot-4-ring: rgba(162, 71, 71, 0.35);
+  --domain-slot-5-ring: rgba(43, 111, 120, 0.35);
+
+  /* Learning-library surfaces. --strength-unresolved is its own token rather
+     than a reuse of --picker-learning, which is not theme-aware and is shared
+     with the template popover: re-tinting it for dark would move a colour on a
+     surface that did not ask for it. --ll-head-bg is the sticky list header and
+     --ll-head-shadow its cut line. */
+  --strength-unresolved: #8b5fbf;
+  --ll-head-bg: var(--surface);
+  --ll-head-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.12);
+  --lp-recessed: var(--bg);
+  --lp-raised: var(--teach-soft);
+  --lp-raised-line: var(--teach-line);
 }
 
 /* #700: theming is driven by an explicit [data-theme] attribute set pre-paint
@@ -61,6 +93,27 @@
 :root[data-theme="light"] { color-scheme: light; }
 :root[data-theme="dark"] {
     color-scheme: dark;
+    /* Domain identity, lifted for the dark surface. The light values are ink
+       tones and go muddy on #1E1E1E, so these are re-picked rather than
+       derived, keeping the same slot order. */
+    --domain-slot-0: #79b0f0;
+    --domain-slot-1: #b89ce0;
+    --domain-slot-2: #6fc98f;
+    --domain-slot-3: #d9b26a;
+    --domain-slot-4: #e39a9a;
+    --domain-slot-5: #74bcc6;
+    --domain-slot-0-ring: rgba(121, 176, 240, 0.35);
+    --domain-slot-1-ring: rgba(184, 156, 224, 0.35);
+    --domain-slot-2-ring: rgba(111, 201, 143, 0.35);
+    --domain-slot-3-ring: rgba(217, 178, 106, 0.35);
+    --domain-slot-4-ring: rgba(227, 154, 154, 0.35);
+    --domain-slot-5-ring: rgba(116, 188, 198, 0.35);
+    --strength-unresolved: #b89ce0;
+    --ll-head-bg: #202020;
+    --ll-head-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.5);
+    --lp-recessed: rgba(255, 255, 255, 0.04);
+    --lp-raised: rgba(255, 255, 255, 0.05);
+    --lp-raised-line: var(--line);
     --bg: #1E1E1E;
     --surface: #2A2A2A;
     --soft: #323232;