| @@ -37,9 +37,9 @@ | ||
| 37 | 37 | .os-term-canvas.os-mindmap { |
| 38 | 38 | background: |
| 39 | 39 | radial-gradient( |
| 40 | 40 | circle, |
| 41 | - rgba( 0, 0, 0, 0.06 ) 1px, | |
| 41 | + var( --os-ui-border, rgba( 0, 0, 0, 0.06 ) ) 1px, | |
| 42 | 42 | transparent 1.5px |
| 43 | 43 | ) 0 0 / 24px 24px, |
| 44 | 44 | radial-gradient( |
| 45 | 45 | ellipse at 28% 22%, |
| @@ -89,9 +89,9 @@ | ||
| 89 | 89 | align-items: center; |
| 90 | 90 | gap: 10px; |
| 91 | 91 | padding: 10px 14px; |
| 92 | 92 | border-bottom: 1px solid var( --os-ui-border, rgba( 0, 0, 0, 0.08 ) ); |
| 93 | - background: rgba( 255, 255, 255, 0.6 ); | |
| 93 | + background: var( --os-ui-surface, rgba( 255, 255, 255, 0.6 ) ); | |
| 94 | 94 | backdrop-filter: blur( 8px ); |
| 95 | 95 | /* A stacking context, so the search dropdown paints above the |
| 96 | 96 | * pixi canvas in the layout sibling below. Without it the canvas |
| 97 | 97 | * (later in the DOM, no z-index) wins the paint order and the |
| @@ -124,9 +124,9 @@ | ||
| 124 | 124 | } |
| 125 | 125 | |
| 126 | 126 | .os-term-canvas__btn--primary { |
| 127 | 127 | background: var( --wp-admin-theme-color, #2271b1 ); |
| 128 | - color: var( --os-ui-fg-on-accent, #fff ); | |
| 128 | + color: var( --os-ui-accent-ink, var( --os-ui-fg-on-accent, #fff ) ); | |
| 129 | 129 | border-color: transparent; |
| 130 | 130 | } |
| 131 | 131 | |
| 132 | 132 | .os-term-canvas__btn--primary:hover { |
| @@ -131,9 +131,9 @@ | ||
| 131 | 131 | |
| 132 | 132 | .os-term-canvas__btn--primary:hover { |
| 133 | 133 | filter: brightness( 1.05 ); |
| 134 | 134 | background: var( --wp-admin-theme-color, #2271b1 ); |
| 135 | - color: var( --os-ui-fg-on-accent, #fff ); | |
| 135 | + color: var( --os-ui-accent-ink, var( --os-ui-fg-on-accent, #fff ) ); | |
| 136 | 136 | } |
| 137 | 137 | |
| 138 | 138 | .os-term-canvas__btn--secondary { |
| 139 | 139 | background: var( --os-ui-hover, rgba( 0, 0, 0, 0.04 ) ); |
