@rokkit/themes 1.3.1 → 1.3.3

package/dist/zen-sumi/floating-navigation.css

@@ -20,11 +20,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-floating-nav-title] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-pin] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-pin]:hover {
@@ -58,7 +58,7 @@
 
 /* Icon */
 [data-style='zen-sumi'] [data-floating-nav-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-item][data-active] [data-floating-nav-icon] {

package/dist/zen-sumi/input.css

@@ -140,7 +140,7 @@
 
 /* Description */
 [data-style='zen-sumi'] [data-description] {
-  margin-top:0.125rem;font-size:0.75rem;line-height:1rem;color:var(--paper-edge);
+  margin-top:0.125rem;font-size:0.75rem;line-height:1rem;color:var(--ink-soft);
 }
 
 /* Message */
@@ -150,7 +150,7 @@
 
 /* Checkbox */
 [data-style='zen-sumi'] [data-checkbox-icon] {
-  font-size:1.125rem;line-height:1.75rem;color:var(--paper-edge);
+  font-size:1.125rem;line-height:1.75rem;color:var(--ink-soft);
 }
 
 [data-style='zen-sumi']

package/dist/zen-sumi/message.css

@@ -5,7 +5,7 @@
  */
 
 [data-style='zen-sumi'] [data-message-root][data-type='error'] {
-  background-color:var(--error-soft);border-color:var(--error-soft);color:var(--error);
+  background-color:var(--error-soft);border-color:var(--error-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='error'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='error'] [data-message-dismiss] {
@@ -13,7 +13,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] {
-  background-color:var(--warning-soft);border-color:var(--warning-soft);color:var(--warning);
+  background-color:var(--warning-soft);border-color:var(--warning-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] [data-message-dismiss] {
@@ -21,7 +21,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='info'] {
-  background-color:var(--info-soft);border-color:var(--info-soft);color:var(--info);
+  background-color:var(--info-soft);border-color:var(--info-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='info'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='info'] [data-message-dismiss] {
@@ -29,7 +29,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='success'] {
-  background-color:var(--success-soft);border-color:var(--success-soft);color:var(--success);
+  background-color:var(--success-soft);border-color:var(--success-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='success'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='success'] [data-message-dismiss] {

package/dist/zen-sumi/range.css

@@ -38,7 +38,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-range-tick] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-tick-bar] {
@@ -46,7 +46,7 @@
 }
 
 [data-style='zen-sumi'] [data-tick-label] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /* =============================================================================

package/dist/zen-sumi/search-filter.css

@@ -25,7 +25,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-search-clear] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-search-clear]:hover {
@@ -41,7 +41,7 @@
 }
 
 [data-style='zen-sumi'] [data-search-tag-remove] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-search-tag-remove]:hover {

package/dist/zen-sumi/status-list.css

@@ -14,7 +14,7 @@
   color:var(--warning);
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] span {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-status-item][data-status='pass'] {
@@ -27,7 +27,7 @@
   color:var(--warning);
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /* ── @rokkit/forms StatusList: group headers by severity ── */
@@ -62,5 +62,5 @@
 
 /* Count badge */
 [data-style='zen-sumi'] [data-status-count] {
-  background-image:none;font-weight:500;color:var(--paper-edge);
+  background-image:none;font-weight:500;color:var(--ink-soft);
 }

package/dist/zen-sumi/step-indicator.css

@@ -11,7 +11,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
-  background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--paper-edge);
+  background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-soft);
 }
 
 /* ── Labels ── */
@@ -25,7 +25,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
-  background-image:none;color:var(--paper-edge);
+  background-image:none;color:var(--ink-soft);
 }
 
 /* ── Connector lines ── */

package/dist/zen-sumi/tabs.css

@@ -58,7 +58,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tabs-trigger] [data-tabs-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {

package/dist/zen-sumi/timeline.css

@@ -10,7 +10,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-timeline-circle] {
-  border-color:var(--paper-mute);color:var(--paper-edge);
+  border-color:var(--paper-mute);color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-circle] {
@@ -42,5 +42,5 @@
 }
 
 [data-style='zen-sumi'] [data-timeline-description] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }

package/dist/zen-sumi/toc.css

@@ -1,7 +1,7 @@
 /* TableOfContents — Zen-Sumi theme */
 
 [data-style='zen-sumi'] [data-toc] [data-toc-label] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
   font-size: 0.6875rem;
   font-weight: 600;
   letter-spacing: 0.05em;
@@ -9,12 +9,14 @@
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item] {
-  color:var(--paper-edge);
+  /* Readable secondary text — NOT paper-edge (a border token that renders as a
+     faint 0.85 grey in light and a near-black 0.04 in dark → invisible). */
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item]:hover,
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-focused] {
-  outline:2px solid transparent;outline-offset:2px;color:var(--ink-mute);
+  outline:2px solid transparent;outline-offset:2px;color:var(--ink);
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-active] {

package/dist/zen-sumi/toolbar.css

@@ -62,7 +62,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-toolbar-item] [data-toolbar-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {

package/dist/zen-sumi.css

@@ -175,12 +175,35 @@
    Hover States — darken, no glow
    ============================================================================= */
 
-[data-style='zen-sumi']
-  [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
-[data-style='zen-sumi'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
+/* Default / unspecified variant — the ink fill stays inky on hover. */
+[data-style='zen-sumi'] [data-button][data-style='default'][data-variant='default']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button][data-style='default']:not([data-variant]):hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style])[data-variant='default']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style]):not([data-variant]):hover:not(:disabled):not([data-disabled]) {
   background-image:none;background-color:var(--ink);
 }
 
+/* Filled colored variants — darken the fill, keep the on-color label.
+   The old rule flipped these to bg-ink, which put zen-sumi's near-black
+   on-primary / on-accent label on a near-black background (invisible in
+   light mode). Darkening the variant's own fill preserves contrast. */
+[data-style='zen-sumi'] [data-button][data-style='default'][data-variant='primary']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style])[data-variant='primary']:hover:not(:disabled):not([data-disabled]) {
+  background-color: color-mix(in oklab, var(--primary) 88%, black);
+}
+
+[data-style='zen-sumi'] [data-button][data-style='default'][data-variant='secondary']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style])[data-variant='secondary']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button][data-style='default'][data-variant='accent']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style])[data-variant='accent']:hover:not(:disabled):not([data-disabled]) {
+  background-color: color-mix(in oklab, var(--accent) 88%, black);
+}
+
+[data-style='zen-sumi'] [data-button][data-style='default'][data-variant='danger']:hover:not(:disabled):not([data-disabled]),
+[data-style='zen-sumi'] [data-button]:not([data-style])[data-variant='danger']:hover:not(:disabled):not([data-disabled]) {
+  background-color: color-mix(in oklab, var(--danger) 88%, black);
+}
+
 [data-style='zen-sumi']
   [data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]) {
   background-image:none;background-color:var(--paper-soft);border-color:var(--ink-soft);
@@ -263,7 +286,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-toolbar-item] [data-toolbar-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-toolbar-item]:hover:not(:disabled) [data-toolbar-icon] {
@@ -346,7 +369,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tabs-trigger] [data-tabs-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
@@ -1156,7 +1179,7 @@
 
 /* Item icon */
 [data-style='zen-sumi'] [data-fab-item] [data-fab-item-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon] {
@@ -1313,7 +1336,7 @@
 
 /* Description */
 [data-style='zen-sumi'] [data-description] {
-  margin-top:0.125rem;font-size:0.75rem;line-height:1rem;color:var(--paper-edge);
+  margin-top:0.125rem;font-size:0.75rem;line-height:1rem;color:var(--ink-soft);
 }
 
 /* Message */
@@ -1323,7 +1346,7 @@
 
 /* Checkbox */
 [data-style='zen-sumi'] [data-checkbox-icon] {
-  font-size:1.125rem;line-height:1.75rem;color:var(--paper-edge);
+  font-size:1.125rem;line-height:1.75rem;color:var(--ink-soft);
 }
 
 [data-style='zen-sumi']
@@ -1534,7 +1557,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-search-clear] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-search-clear]:hover {
@@ -1550,7 +1573,7 @@
 }
 
 [data-style='zen-sumi'] [data-search-tag-remove] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-search-tag-remove]:hover {
@@ -1597,7 +1620,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-range-tick] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-tick-bar] {
@@ -1605,7 +1628,7 @@
 }
 
 [data-style='zen-sumi'] [data-tick-label] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /* =============================================================================
@@ -1632,7 +1655,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-timeline-circle] {
-  border-color:var(--paper-mute);color:var(--paper-edge);
+  border-color:var(--paper-mute);color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-circle] {
@@ -1664,7 +1687,7 @@
 }
 
 [data-style='zen-sumi'] [data-timeline-description] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /**
@@ -1689,11 +1712,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-floating-nav-title] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-pin] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-pin]:hover {
@@ -1727,7 +1750,7 @@
 
 /* Icon */
 [data-style='zen-sumi'] [data-floating-nav-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-floating-nav-item][data-active] [data-floating-nav-icon] {
@@ -1745,7 +1768,7 @@
 /* TableOfContents — Zen-Sumi theme */
 
 [data-style='zen-sumi'] [data-toc] [data-toc-label] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
   font-size: 0.6875rem;
   font-weight: 600;
   letter-spacing: 0.05em;
@@ -1753,12 +1776,14 @@
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item] {
-  color:var(--paper-edge);
+  /* Readable secondary text — NOT paper-edge (a border token that renders as a
+     faint 0.85 grey in light and a near-black 0.04 in dark → invisible). */
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item]:hover,
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-focused] {
-  outline:2px solid transparent;outline-offset:2px;color:var(--ink-mute);
+  outline:2px solid transparent;outline-offset:2px;color:var(--ink);
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-active] {
@@ -1934,7 +1959,7 @@
  */
 
 [data-style='zen-sumi'] [data-message-root][data-type='error'] {
-  background-color:var(--error-soft);border-color:var(--error-soft);color:var(--error);
+  background-color:var(--error-soft);border-color:var(--error-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='error'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='error'] [data-message-dismiss] {
@@ -1942,7 +1967,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] {
-  background-color:var(--warning-soft);border-color:var(--warning-soft);color:var(--warning);
+  background-color:var(--warning-soft);border-color:var(--warning-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='warning'] [data-message-dismiss] {
@@ -1950,7 +1975,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='info'] {
-  background-color:var(--info-soft);border-color:var(--info-soft);color:var(--info);
+  background-color:var(--info-soft);border-color:var(--info-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='info'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='info'] [data-message-dismiss] {
@@ -1958,7 +1983,7 @@
 }
 
 [data-style='zen-sumi'] [data-message-root][data-type='success'] {
-  background-color:var(--success-soft);border-color:var(--success-soft);color:var(--success);
+  background-color:var(--success-soft);border-color:var(--success-soft);
 }
 [data-style='zen-sumi'] [data-message-root][data-type='success'] [data-message-icon],
 [data-style='zen-sumi'] [data-message-root][data-type='success'] [data-message-dismiss] {
@@ -1981,7 +2006,7 @@
   color:var(--warning);
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] span {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-status-item][data-status='pass'] {
@@ -1994,7 +2019,7 @@
   color:var(--warning);
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /* ── @rokkit/forms StatusList: group headers by severity ── */
@@ -2029,7 +2054,7 @@
 
 /* Count badge */
 [data-style='zen-sumi'] [data-status-count] {
-  background-image:none;font-weight:500;color:var(--paper-edge);
+  background-image:none;font-weight:500;color:var(--ink-soft);
 }
 
 /* StepIndicator — Zen-Sumi theme (flat, hairline border) */
@@ -2045,7 +2070,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
-  background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--paper-edge);
+  background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-soft);
 }
 
 /* ── Labels ── */
@@ -2059,7 +2084,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
-  background-image:none;color:var(--paper-edge);
+  background-image:none;color:var(--ink-soft);
 }
 
 /* ── Connector lines ── */
@@ -2112,7 +2137,7 @@
 }
 
 [data-style='zen-sumi'] [data-facet-title] {
-  color:var(--paper-edge);
+  color:var(--ink-soft);
 }
 
 /**
@@ -2299,7 +2324,7 @@
 
 [data-style='zen-sumi'] [data-command-input] {
 	color:var(--ink-mute);
-}[data-style='zen-sumi'] [data-command-input]::placeholder{color:var(--paper-edge);}
+}[data-style='zen-sumi'] [data-command-input]::placeholder{color:var(--ink-soft);}
 
 [data-style='zen-sumi'] [data-command-item] {
 	color:var(--ink-soft);
@@ -2310,15 +2335,15 @@
 }
 
 [data-style='zen-sumi'] [data-command-shortcut] {
-	color:var(--paper-edge);
+	color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-command-label] {
-	font-size:0.75rem;line-height:1rem;font-weight:500;color:var(--paper-edge);
+	font-size:0.75rem;line-height:1rem;font-weight:500;color:var(--ink-soft);
 }
 
 [data-style='zen-sumi'] [data-command-empty] {
-	color:var(--paper-edge);
+	color:var(--ink-soft);
 }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/themes",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "description": "Theme styles for @rokkit/ui components",
   "repository": {
     "type": "git",
@@ -105,10 +105,10 @@
   "build": "bun run build.mjs"
 },
 "dependencies": {
-  "@rokkit/core": "1.3.1"
+  "@rokkit/core": "1.3.3"
 },
 "devDependencies": {
-  "@rokkit/unocss": "1.3.1",
+  "@rokkit/unocss": "1.3.3",
   "magic-string": "^0.30.21",
   "unocss": "^66.5.1"
 },