Use the focus border color on the home screen

glastonbridge · glastonbridge · commit 1c6ebbd2697c · 2025-03-27T10:37:05.000Z
diff --git a/theme/home.less b/theme/home.less
@@ -178,7 +178,7 @@
                     &:focus-visible {
                         outline-width: @homeCardBorderSize !important;
                         outline-style: solid;
-                        outline-color: var(--pxt-primary-background);
+                        outline-color: var(--pxt-focus-border);
                         outline-offset: 2px;
                     }
                 }
@@ -205,7 +205,7 @@
         &:focus-visible {
             outline-width: @homeCardBorderSize !important;
             outline-style: solid;
-            outline-color: var(--pxt-primary-background);
+            outline-color: var(--pxt-focus-border);
             outline-offset: 2px;
         }
     }
@@ -485,7 +485,7 @@
         border: 2px solid transparent;
         outline-width: @homeCardBorderSize !important;
         outline-style: solid;
-        outline-color: var(--pxt-primary-background);
+        outline-color: var(--pxt-focus-border);
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -178,7 +178,7 @@`
`178`	`178`	`&:focus-visible {`
`179`	`179`	`outline-width: @homeCardBorderSize !important;`
`180`	`180`	`outline-style: solid;`
`181`		`- outline-color: var(--pxt-primary-background);`
	`181`	`+ outline-color: var(--pxt-focus-border);`
`182`	`182`	`outline-offset: 2px;`
`183`	`183`	`}`
`184`	`184`	`}`
`@@ -205,7 +205,7 @@`
`205`	`205`	`&:focus-visible {`
`206`	`206`	`outline-width: @homeCardBorderSize !important;`
`207`	`207`	`outline-style: solid;`
`208`		`- outline-color: var(--pxt-primary-background);`
	`208`	`+ outline-color: var(--pxt-focus-border);`
`209`	`209`	`outline-offset: 2px;`
`210`	`210`	`}`
`211`	`211`	`}`
`@@ -485,7 +485,7 @@`
`485`	`485`	`border: 2px solid transparent;`
`486`	`486`	`outline-width: @homeCardBorderSize !important;`
`487`	`487`	`outline-style: solid;`
`488`		`- outline-color: var(--pxt-primary-background);`
	`488`	`+ outline-color: var(--pxt-focus-border);`
`489`	`489`	`}`
`490`	`490`	`}`
`491`	`491`