Improved focused buttons style

felixgirault · felixgirault · commit de2ce2f0082d · 2025-04-14T17:53:28.000+02:00
WCAG 2.4.13
diff --git a/src/ui/themes/standard/index.css b/src/ui/themes/standard/index.css
@@ -70,12 +70,13 @@
 		:hover,
 		:focus
 	) {
-	outline: 1px solid var(--orejime-color-interactive);
+	outline: 2px solid var(--orejime-color-interactive);
 	outline-offset: 1px;
 }
 
 .orejime-Button:not(:is([disabled], [aria-disabled='true'])):active {
-	outline-width: 2px;
+	outline-width: 1px;
+	outline-offset: 2px;
 }
 
 .orejime-ButtonList {

Original file line number	Diff line number	Diff line change
`@@ -70,12 +70,13 @@`
`70`	`70`	`:hover,`
`71`	`71`	`:focus`
`72`	`72`	`) {`
`73`		`- outline: 1px solid var(--orejime-color-interactive);`
	`73`	`+ outline: 2px solid var(--orejime-color-interactive);`
`74`	`74`	`outline-offset: 1px;`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`.orejime-Button:not(:is([disabled], [aria-disabled='true'])):active {`
`78`		`- outline-width: 2px;`
	`78`	`+ outline-width: 1px;`
	`79`	`+ outline-offset: 2px;`
`79`	`80`	`}`
`80`	`81`
`81`	`82`	`.orejime-ButtonList {`