| @@ -15,14 +15,19 @@ | ||
| 15 | 15 | /* WP 7.0 changes the default admin link colour to the modern blue. Pin the classic accent on active rows (names and |
| 16 | 16 | row-action links) so links keep their original colour; inactive rows are handled by the muted link-colors mixin, |
| 17 | 17 | and the trash button keeps its dark red from the `.delete` rules. */ |
| 18 | 18 | .wp-list-table .active-snippet a { |
| 19 | - color: theme.$accent; | |
| 19 | + color: var(--cs-color-accent); | |
| 20 | 20 | |
| 21 | 21 | &:hover, |
| 22 | 22 | &:focus { |
| 23 | - color: theme.$accent-hover; | |
| 23 | + color: var(--cs-color-accent-hover); | |
| 24 | + box-shadow: none; | |
| 24 | 25 | } |
| 26 | + | |
| 27 | + &:focus-visible { | |
| 28 | + outline: 2px solid var(--cs-color-accent); | |
| 29 | + } | |
| 25 | 30 | } |
| 26 | 31 | |
| 27 | 32 | /* Status filter links (All | Active | Inactive | …): the current view reads as plain |
| 28 | 33 | body text while the remaining views are accent-coloured links; every count stays |
| @@ -28,22 +33,27 @@ | ||
| 28 | 33 | body text while the remaining views are accent-coloured links; every count stays |
| 29 | 34 | in the body-text colour regardless of its link state. */ |
| 30 | 35 | /* stylelint-disable no-descending-specificity -- unrelated element; ordering is fine. */ |
| 31 | 36 | .subsubsub a.current { |
| 32 | - color: #2c3337; | |
| 37 | + color: var(--cs-color-text); | |
| 33 | 38 | } |
| 34 | 39 | |
| 35 | 40 | .subsubsub a:not(.current) { |
| 36 | - color: theme.$accent; | |
| 41 | + color: var(--cs-color-accent); | |
| 37 | 42 | |
| 38 | 43 | &:hover, |
| 39 | 44 | &:focus { |
| 40 | - color: theme.$accent-hover; | |
| 45 | + color: var(--cs-color-accent-hover); | |
| 46 | + box-shadow: none; | |
| 41 | 47 | } |
| 48 | + | |
| 49 | + &:focus { | |
| 50 | + outline: 2px solid var(--cs-color-accent); | |
| 51 | + } | |
| 42 | 52 | } |
| 43 | 53 | |
| 44 | 54 | .snippets-table-toolbar .subsubsub a .count { |
| 45 | - color: #2c3337; | |
| 55 | + color: var(--cs-color-text); | |
| 46 | 56 | } |
| 47 | 57 | /* stylelint-enable no-descending-specificity */ |
| 48 | 58 | |
| 49 | 59 | .wp-core-ui .button.clear-filters { |
| @@ -50,9 +60,9 @@ | ||
| 50 | 60 | vertical-align: baseline; |
| 51 | 61 | } |
| 52 | 62 | |
| 53 | 63 | .snippet-type-description { |
| 54 | - border-block-end: 1px solid #ccc; | |
| 64 | + border-block-end: 1px solid var(--cs-color-border); | |
| 55 | 65 | margin: 0; |
| 56 | 66 | padding-block: 1em; |
| 57 | 67 | padding-inline: 0; |
| 58 | 68 | } |
