summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/settings/theme.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/pages/settings/theme.vue')
-rw-r--r--packages/frontend/src/pages/settings/theme.vue6
1 files changed, 6 insertions, 0 deletions
diff --git a/packages/frontend/src/pages/settings/theme.vue b/packages/frontend/src/pages/settings/theme.vue
index eaa9b5b97e..ad07a6b539 100644
--- a/packages/frontend/src/pages/settings/theme.vue
+++ b/packages/frontend/src/pages/settings/theme.vue
@@ -213,12 +213,18 @@ definePageMetadata(() => ({
}
}
+ .dn:focus-visible ~ .toggle {
+ outline: 2px solid var(--focus);
+ outline-offset: 2px;
+ }
+
.toggle {
cursor: pointer;
display: inline-block;
position: relative;
width: 90px;
height: 50px;
+ margin: 4px; // focus用のアウトライン
background-color: #83D8FF;
border-radius: 90px - 6;
transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;