Change focus color

packages/app-shell/src/auth-menu-button.js

@@ -111,7 +111,7 @@ export class AuthMenuButton extends ScopedElementsMixin(AdapterLitElement) {
                 box-shadow: none;
                 -moz-box-shadow: none;
                 -webkit-box-shadow: none;
-                box-shadow: 0px 0px 4px 2px var(--dbp-accent);
+                box-shadow: 0px 0px 4px 2px var(--dbp-primary);
             }
 
             .dropdown.is-active .dropdown-menu,

packages/common/styles.js

@@ -258,7 +258,7 @@ export function getGeneralCSS(doMarginPaddingReset = true) {
             box-shadow: none;
             -moz-box-shadow: none;
             -webkit-box-shadow: none;
-            box-shadow: 0px 0px 4px 2px var(--dbp-accent);
+            box-shadow: 0px 0px 3px 2px var(--dbp-primary);
         }
 
         .control {
@@ -717,7 +717,7 @@ export function getButtonCSS() {
             box-shadow: none;
             -moz-box-shadow: none;
             -webkit-box-shadow: none;
-            box-shadow: 0px 0px 4px 2px var(--dbp-accent);
+            box-shadow: 0px 0px 3px 2px var(--dbp-primary);
         }
     `;
 }
@@ -835,7 +835,7 @@ export function getRadioAndCheckboxCss() {
             box-shadow: none;
             -moz-box-shadow: none;
             -webkit-box-shadow: none;
-            box-shadow: 0px 0px 4px 2px var(--dbp-accent);
+            box-shadow: 0px 0px 3px 2px var(--dbp-primary);
         }
 
         .button-container input[type='checkbox']:disabled ~ .checkmark {

packages/language-select/src/language-select.js

@@ -106,7 +106,7 @@ export class LanguageSelect extends AdapterLitElement {
                 box-shadow: none;
                 -moz-box-shadow: none;
                 -webkit-box-shadow: none;
-                box-shadow: 0px 0px 4px 2px var(--dbp-accent);
+                box-shadow: 0px 0px 4px 2px var(--dbp-primary);
             }
             
             `