remove border opacity on toggle

jellydeck · lukewarlow · jellydeck · commit cf4e0c824bd1 · 2026-02-05T15:55:43.000+05:30
Co-Authored-By: Luke Warlow &lt;lwarlow@igalia.com&gt;
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -22,7 +22,7 @@ const checked = defineModel<boolean>({
     </span>
     <span
       class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 transition-colors duration-200 ease-in-out motion-reduce:transition-none cursor-pointer"
-      :class="checked ? 'bg-accent border-transparent shadow-sm' : 'bg-bg border border-border/50'"
+      :class="checked ? 'bg-accent border-transparent shadow-sm' : 'bg-bg border border-border'"
       aria-hidden="true"
     >
       <span

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ const checked = defineModel<boolean>({`
`22`	`22`	`</span>`
`23`	`23`	`<span`
`24`	`24`	`class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 transition-colors duration-200 ease-in-out motion-reduce:transition-none cursor-pointer"`
`25`		`- :class="checked ? 'bg-accent border-transparent shadow-sm' : 'bg-bg border border-border/50'"`
	`25`	`+ :class="checked ? 'bg-accent border-transparent shadow-sm' : 'bg-bg border border-border'"`
`26`	`26`	`aria-hidden="true"`
`27`	`27`	`>`
`28`	`28`	`<span`