@rokkit/themes 1.3.0 → 1.3.2

package/src/rokkit/message.css

@@ -4,7 +4,7 @@
 
 /* Type colors */
 [data-style='rokkit'] [data-message-root][data-type='error'] {
-  @apply bg-error-soft border-error text-error;
+  @apply bg-error-soft border-error;
 }
 [data-style='rokkit'] [data-message-root][data-type='error'] [data-message-icon] {
   @apply text-error;
@@ -14,7 +14,7 @@
 }
 
 [data-style='rokkit'] [data-message-root][data-type='warning'] {
-  @apply bg-warning-soft border-warning text-warning;
+  @apply bg-warning-soft border-warning;
 }
 [data-style='rokkit'] [data-message-root][data-type='warning'] [data-message-icon] {
   @apply text-warning;
@@ -24,7 +24,7 @@
 }
 
 [data-style='rokkit'] [data-message-root][data-type='info'] {
-  @apply bg-info-soft border-info text-info;
+  @apply bg-info-soft border-info;
 }
 [data-style='rokkit'] [data-message-root][data-type='info'] [data-message-icon] {
   @apply text-info;
@@ -34,7 +34,7 @@
 }
 
 [data-style='rokkit'] [data-message-root][data-type='success'] {
-  @apply bg-success-soft border-success text-success;
+  @apply bg-success-soft border-success;
 }
 [data-style='rokkit'] [data-message-root][data-type='success'] [data-message-icon] {
   @apply text-success;

package/src/rokkit/status-list.css

@@ -14,7 +14,7 @@
   @apply text-warning;
 }
 [data-style='rokkit'] [data-status-item][data-status='unknown'] span {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }
 
 /* ── @rokkit/ui StatusList: text color by status ── */

package/src/rokkit/table.css

@@ -9,7 +9,9 @@
    ============================================================================= */
 
 [data-style='rokkit'] [data-table-header] th {
-  @apply text-ink-mute border-paper-edge border-b bg-paper-mute;
+  /* ink (not ink-mute): column headers are primary content; ink-mute on the
+     paper-mute header only reaches 4.07:1 in dark mode (AA fail). */
+  @apply text-ink border-paper-edge border-b bg-paper-mute;
 }
 
 [data-style='rokkit'] [data-table-header-cell][data-sortable='true']:hover {

package/src/zen-sumi/button.css

@@ -159,12 +159,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]) {
   @apply bg-ink bg-none;
 }
 
+/* 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]) {
   @apply bg-paper-soft border-ink-soft bg-none;

package/src/zen-sumi/chart.css

@@ -37,5 +37,5 @@
 }
 
 [data-style='zen-sumi'] [data-facet-title] {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }

package/src/zen-sumi/command-palette.css

@@ -15,7 +15,7 @@
 }
 
 [data-style='zen-sumi'] [data-command-input] {
-	@apply text-ink-mute placeholder:text-paper-edge;
+	@apply text-ink-mute placeholder:text-ink-soft;
 }
 
 [data-style='zen-sumi'] [data-command-item] {
@@ -27,13 +27,13 @@
 }
 
 [data-style='zen-sumi'] [data-command-shortcut] {
-	@apply text-paper-edge;
+	@apply text-ink-soft;
 }
 
 [data-style='zen-sumi'] [data-command-label] {
-	@apply text-paper-edge text-xs font-medium;
+	@apply text-ink-soft text-xs font-medium;
 }
 
 [data-style='zen-sumi'] [data-command-empty] {
-	@apply text-paper-edge;
+	@apply text-ink-soft;
 }

package/src/zen-sumi/floating-action.css

@@ -52,7 +52,7 @@
 
 /* Item icon */
 [data-style='zen-sumi'] [data-fab-item] [data-fab-item-icon] {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }
 
 [data-style='zen-sumi'] [data-fab-item]:hover:not(:disabled) [data-fab-item-icon] {

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

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

package/src/zen-sumi/input.css

@@ -140,7 +140,7 @@
 
 /* Description */
 [data-style='zen-sumi'] [data-description] {
-  @apply text-paper-edge mt-0.5 text-xs;
+  @apply text-ink-soft mt-0.5 text-xs;
 }
 
 /* Message */
@@ -150,7 +150,7 @@
 
 /* Checkbox */
 [data-style='zen-sumi'] [data-checkbox-icon] {
-  @apply text-paper-edge text-lg;
+  @apply text-ink-soft text-lg;
 }
 
 [data-style='zen-sumi']

package/src/zen-sumi/message.css

@@ -5,7 +5,7 @@
  */
 
 [data-style='zen-sumi'] [data-message-root][data-type='error'] {
-  @apply bg-error-soft border-error-soft text-error;
+  @apply bg-error-soft border-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'] {
-  @apply bg-warning-soft border-warning-soft text-warning;
+  @apply bg-warning-soft border-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'] {
-  @apply bg-info-soft border-info-soft text-info;
+  @apply bg-info-soft border-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'] {
-  @apply bg-success-soft border-success-soft text-success;
+  @apply bg-success-soft border-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/src/zen-sumi/range.css

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

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

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

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

@@ -14,7 +14,7 @@
   @apply text-warning;
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] span {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }
 
 [data-style='zen-sumi'] [data-status-item][data-status='pass'] {
@@ -27,7 +27,7 @@
   @apply text-warning;
 }
 [data-style='zen-sumi'] [data-status-item][data-status='unknown'] {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }
 
 /* ── @rokkit/forms StatusList: group headers by severity ── */
@@ -62,5 +62,5 @@
 
 /* Count badge */
 [data-style='zen-sumi'] [data-status-count] {
-  @apply text-paper-edge bg-none font-medium;
+  @apply text-ink-soft bg-none font-medium;
 }

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

@@ -11,7 +11,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
-  @apply bg-transparent border-paper-mute text-paper-edge bg-none;
+  @apply bg-transparent border-paper-mute text-ink-soft bg-none;
 }
 
 /* ── Labels ── */
@@ -25,7 +25,7 @@
 }
 
 [data-style='zen-sumi'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
-  @apply text-paper-edge bg-none;
+  @apply text-ink-soft bg-none;
 }
 
 /* ── Connector lines ── */

package/src/zen-sumi/tabs.css

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

package/src/zen-sumi/timeline.css

@@ -10,7 +10,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-timeline-circle] {
-  @apply border-paper-mute text-paper-edge;
+  @apply border-paper-mute text-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] {
-  @apply text-paper-edge;
+  @apply text-ink-soft;
 }

package/src/zen-sumi/toc.css

@@ -1,7 +1,7 @@
 /* TableOfContents — Zen-Sumi theme */
 
 [data-style='zen-sumi'] [data-toc] [data-toc-label] {
-  @apply text-paper-edge;
+  @apply text-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] {
-  @apply text-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). */
+  @apply text-ink-mute;
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item]:hover,
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-focused] {
-  @apply text-ink-mute outline-none;
+  @apply text-ink outline-none;
 }
 
 [data-style='zen-sumi'] [data-toc] [data-toc-item][data-toc-active] {

package/src/zen-sumi/toolbar.css

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