Improve checkbox visibility with transparent border in forced color m…

…ode (#6082)
public-ui · Feb 29, 2024 · f5818e5 · f5818e5
2 parents 04e0697 + 57e6c36
commit f5818e5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/themes/bmf/src/index.ts b/packages/themes/bmf/src/index.ts
@@ -1883,6 +1883,8 @@ export const BMF = KoliBri.createTheme('bmf', {
 			height: 1.5em;
 			border-radius: 1.25em;
 			position: relative;
+			/* Visible with forced colors  */
+			outline: transparent solid 1px;
 		}
 		:host kol-input.switch input[type='checkbox']:before {
 			transition: 0.5;

diff --git a/packages/themes/default/src/components/input-checkbox.scss b/packages/themes/default/src/components/input-checkbox.scss
@@ -144,6 +144,8 @@
 		min-width: 3.5em;
 		position: relative;
 		width: 3.5em;
+		/* Visible with forced colors  */
+		outline: transparent solid 1px;
 	}
 
 	:host kol-input.switch input[type='checkbox']:before {