diff --git a/src/css/common/_toolbar.scss b/src/css/common/_toolbar.scss index f693f3dd..8cf774c3 100644 --- a/src/css/common/_toolbar.scss +++ b/src/css/common/_toolbar.scss @@ -29,7 +29,7 @@ $wpbody-block-indent: 22px; .code-snippets-toolbar-upper { justify-content: space-between; block-size: 77px; - padding-inline: 35px; + padding-inline: 24px; display: flex; align-items: center; @@ -113,6 +113,7 @@ $wpbody-block-indent: 22px; align-items: center; box-sizing: border-box; padding: 3px 9px; + font-weight: 600; } diff --git a/src/css/common/_tooltips.scss b/src/css/common/_tooltips.scss index 16639195..c6637829 100644 --- a/src/css/common/_tooltips.scss +++ b/src/css/common/_tooltips.scss @@ -52,6 +52,11 @@ $bg-color: hsl(0deg 0% 20% / 90%); &:focus { box-shadow: none; } + + &:focus-visible { + outline: 2px solid #2271b1; + outline-offset: 2px; + } } .tooltip::before, diff --git a/src/css/import/_upload.scss b/src/css/import/_upload.scss index acd0ae88..a521c8de 100644 --- a/src/css/import/_upload.scss +++ b/src/css/import/_upload.scss @@ -48,6 +48,11 @@ $type-colors: ( opacity: 0.6; } + &:focus-visible { + outline: 2px solid #2271b1; + outline-offset: 2px; + } + .drop-zone-icon { font-size: 48px; margin-block-end: 10px; @@ -111,6 +116,11 @@ $type-colors: ( cursor: pointer; font-size: 16px; padding: 4px; + + &:focus-visible { + outline: 2px solid #2271b1; + outline-offset: 2px; + } } .selected-file-details { diff --git a/src/css/welcome.scss b/src/css/welcome.scss index 4439729a..61ec73b7 100644 --- a/src/css/welcome.scss +++ b/src/css/welcome.scss @@ -136,7 +136,7 @@ $breakpoint: 1060px; .item-category { color: white; - background: theme.$secondary; + background: color.adjust(theme.$secondary, $lightness: -15%); display: block; font-size: 12px; letter-spacing: 1px;