@yuneta/gobj-ui 7.23.94 → 7.23.95

package/dist/gobj-ui.cjs.js

@@ -4420,8 +4420,13 @@ function ensure_dock_style() {
     background: var(--bulma-scheme-main); color: var(--bulma-text); cursor: pointer; white-space: nowrap;
 }
 .yui-dock-chip:hover { border-color: var(--bulma-text-weak); }
-.yui-dock-chip.is-active { border-color: #2563eb; color: #2563eb; background: rgba(37,99,235,0.10); font-weight: 600; }
-.yui-dock-chip.is-min { opacity: 0.65; }
+/*  The BORDER says active, not the text: blue ink on a blue tint is
+ *  the same hue on itself -- 4.49:1 on the light chip, under the 4.5
+ *  its 12px label needs. The label takes the text colour (11:1).  */
+.yui-dock-chip.is-active { border-color: #2563eb; color: var(--bulma-text, #2e333d); background: rgba(37,99,235,0.10); font-weight: 600; }
+/*  A minimised window is quieter, not unreadable: 0.65 is 4.3:1 on the
+ *  light scheme for a 12px label.  */
+.yui-dock-chip.is-min { opacity: 0.7; }
 .yui-dock-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; flex: 0 0 auto; }
 .yui-dock-chip.is-min .yui-dock-dot { background: var(--bulma-text-weak); }
 .yui-dock-icon { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; font-size: 14px; flex: 0 0 auto; }
@@ -4439,7 +4444,7 @@ function ensure_dock_style() {
 }
 .yui-dock-close:hover { background: #e0364a; color: #fff; }
 .yui-dock-close svg { width: 11px; height: 11px; display: block; }
-:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: #93c5fd; background: rgba(96,165,250,0.16); }
+:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: var(--bulma-text, #ebecf0); background: rgba(96,165,250,0.16); }
 `;
 	let $style = document.createElement("style");
 	$style.id = "yui-dock-style";

package/dist/gobj-ui.es.js

@@ -4415,8 +4415,13 @@ function ensure_dock_style() {
     background: var(--bulma-scheme-main); color: var(--bulma-text); cursor: pointer; white-space: nowrap;
 }
 .yui-dock-chip:hover { border-color: var(--bulma-text-weak); }
-.yui-dock-chip.is-active { border-color: #2563eb; color: #2563eb; background: rgba(37,99,235,0.10); font-weight: 600; }
-.yui-dock-chip.is-min { opacity: 0.65; }
+/*  The BORDER says active, not the text: blue ink on a blue tint is
+ *  the same hue on itself -- 4.49:1 on the light chip, under the 4.5
+ *  its 12px label needs. The label takes the text colour (11:1).  */
+.yui-dock-chip.is-active { border-color: #2563eb; color: var(--bulma-text, #2e333d); background: rgba(37,99,235,0.10); font-weight: 600; }
+/*  A minimised window is quieter, not unreadable: 0.65 is 4.3:1 on the
+ *  light scheme for a 12px label.  */
+.yui-dock-chip.is-min { opacity: 0.7; }
 .yui-dock-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; flex: 0 0 auto; }
 .yui-dock-chip.is-min .yui-dock-dot { background: var(--bulma-text-weak); }
 .yui-dock-icon { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; font-size: 14px; flex: 0 0 auto; }
@@ -4434,7 +4439,7 @@ function ensure_dock_style() {
 }
 .yui-dock-close:hover { background: #e0364a; color: #fff; }
 .yui-dock-close svg { width: 11px; height: 11px; display: block; }
-:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: #93c5fd; background: rgba(96,165,250,0.16); }
+:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: var(--bulma-text, #ebecf0); background: rgba(96,165,250,0.16); }
 `;
 	let $style = document.createElement("style");
 	$style.id = "yui-dock-style";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuneta/gobj-ui",
-  "version": "7.23.94",
+  "version": "7.23.95",
   "type": "module",
   "main": "dist/gobj-ui.cjs.js",
   "module": "dist/gobj-ui.es.js",

package/src/c_yui_shell.css

@@ -269,8 +269,13 @@
 .yui-nav-cards .yui-nav-card.is-active {
     border-color: var(--bulma-link-on-scheme, var(--bulma-link, #485fc7));
 }
+/*  Dimmed, not erased. WCAG exempts a DISABLED control from its
+ *  contrast minimum, and half opacity is 2.85:1 in light -- but a nav
+ *  entry you cannot reach is one you still have to be able to READ, or
+ *  it is a door with no sign. 0.7 is 4.96 and still plainly quieter
+ *  than a live card at 12.67.  */
 .yui-nav-cards .yui-nav-card[data-disabled="1"] {
-    opacity: 0.5;
+    opacity: 0.7;
 }
 
 /*--- breadcrumb: the path as one line (C_YUI_NODE's `projection.path`) ---*/

package/src/c_yui_window_manager.js

@@ -197,8 +197,13 @@ function ensure_dock_style()
     background: var(--bulma-scheme-main); color: var(--bulma-text); cursor: pointer; white-space: nowrap;
 }
 .yui-dock-chip:hover { border-color: var(--bulma-text-weak); }
-.yui-dock-chip.is-active { border-color: #2563eb; color: #2563eb; background: rgba(37,99,235,0.10); font-weight: 600; }
-.yui-dock-chip.is-min { opacity: 0.65; }
+/*  The BORDER says active, not the text: blue ink on a blue tint is
+ *  the same hue on itself -- 4.49:1 on the light chip, under the 4.5
+ *  its 12px label needs. The label takes the text colour (11:1).  */
+.yui-dock-chip.is-active { border-color: #2563eb; color: var(--bulma-text, #2e333d); background: rgba(37,99,235,0.10); font-weight: 600; }
+/*  A minimised window is quieter, not unreadable: 0.65 is 4.3:1 on the
+ *  light scheme for a 12px label.  */
+.yui-dock-chip.is-min { opacity: 0.7; }
 .yui-dock-dot { width: 8px; height: 8px; border-radius: 50%; background: #22c55e; flex: 0 0 auto; }
 .yui-dock-chip.is-min .yui-dock-dot { background: var(--bulma-text-weak); }
 .yui-dock-icon { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; font-size: 14px; flex: 0 0 auto; }
@@ -216,7 +221,7 @@ function ensure_dock_style()
 }
 .yui-dock-close:hover { background: #e0364a; color: #fff; }
 .yui-dock-close svg { width: 11px; height: 11px; display: block; }
-:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: #93c5fd; background: rgba(96,165,250,0.16); }
+:root[data-theme="dark"] .yui-dock-chip.is-active { border-color: #60a5fa; color: var(--bulma-text, #ebecf0); background: rgba(96,165,250,0.16); }
 `;
     let $style = document.createElement('style');
     $style.id = 'yui-dock-style';

package/src/shell_route_map.css

@@ -177,6 +177,17 @@ a.ROUTEMAP_LINK .ROUTEMAP_NAME {
     background: rgba(120, 150, 255, 0.16) !important;
     outline-color: rgba(120, 150, 255, 0.55);
 }
+/*  On the row you are ON, the route leaves the blue.
+ *
+ *  The tint that marks the row and the ink of a route are the SAME
+ *  HUE, so the ink lands on its own colour: 3.95:1 in light (the row
+ *  is a saturated `--bulma-link-light`) and 4.42 in dark. The row is
+ *  already marked by that tint and its outline, so the blue says
+ *  nothing there -- and the NAME beside it has always been written
+ *  in the text colour, at 5.89 and 6.59. The route joins it.  */
+.ROUTEMAP_CURRENT .ROUTEMAP_ROUTE {
+    color: var(--bulma-text, #2e333d);
+}
 /*--- reference row: this route's subtree is drawn where the nav owns
  *    it, so the copy reachable from a drawer or the account menu is a
  *    live link without the repeated branch.  Quiet on purpose: it is a