| @@ -2,13 +2,14 @@ | ||
| 2 | 2 | @use 'theme'; |
| 3 | 3 | |
| 4 | 4 | // Match the active subnavigation tile so it blends into the admin canvas. |
| 5 | 5 | body.wp-admin { |
| 6 | - background: #f0f0f1; | |
| 6 | + background: var(--cs-color-surface-muted); | |
| 7 | 7 | } |
| 8 | 8 | |
| 9 | -// Remove the WordPress core 10px top margin on the manage snippets container | |
| 9 | +// Remove the WordPress core 10px top margin on the import and manage snippets containers | |
| 10 | 10 | // so the subnav band sits flush against the toolbar. |
| 11 | +#import-container.wrap, | |
| 11 | 12 | #manage-snippets-container.wrap { |
| 12 | 13 | margin-block-start: 0; |
| 13 | 14 | } |
| 14 | 15 | |
| @@ -68,8 +69,10 @@ | ||
| 68 | 69 | // Selects: same metrics, but preserve room for the WP dropdown chevron on the inline-end |
| 69 | 70 | // side. WP 7.0 keeps the chevron as a background image; clamping both paddings to 8px (as |
| 70 | 71 | // for text inputs) would let the arrow overlap the text, so the inline-end padding is wider. |
| 71 | 72 | select:not([class*='components-']) { |
| 73 | + min-inline-size: 170px; | |
| 74 | + field-sizing: content; | |
| 72 | 75 | min-block-size: var(--cs-control-height); |
| 73 | 76 | padding-block: 0; |
| 74 | 77 | padding-inline: 8px 24px; |
| 75 | 78 | border: 1px solid var(--cs-color-border); |
| @@ -101,14 +104,14 @@ | ||
| 101 | 104 | border-radius: var(--cs-control-radius); |
| 102 | 105 | line-height: 2.5715; |
| 103 | 106 | font-size: 14px; |
| 104 | 107 | font-weight: 400; |
| 105 | - background: #f6f7f7; | |
| 108 | + background: var(--cs-color-surface-subtle); | |
| 106 | 109 | border-color: var(--cs-color-accent); |
| 107 | 110 | color: var(--cs-color-accent); |
| 108 | 111 | |
| 109 | 112 | &:hover:not(:disabled) { |
| 110 | - background: #f0f0f1; | |
| 113 | + background: var(--cs-color-surface-muted); | |
| 111 | 114 | border-color: var(--cs-color-accent-hover); |
| 112 | 115 | color: var(--cs-color-accent-hover); |
| 113 | 116 | } |
| 114 | 117 | |
| @@ -143,9 +146,9 @@ | ||
| 143 | 146 | |
| 144 | 147 | &:focus:not(:disabled) { |
| 145 | 148 | background: var(--cs-color-accent-hover); |
| 146 | 149 | border-color: var(--cs-color-accent-hover); |
| 147 | - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--cs-color-accent); | |
| 150 | + box-shadow: 0 0 0 1px var(--cs-color-surface), 0 0 0 3px var(--cs-color-accent); | |
| 148 | 151 | outline: 2px solid transparent; |
| 149 | 152 | } |
| 150 | 153 | } |
| 151 | 154 | |
