chore: update focus styles and theme default

examples-standalone/coffee-warehouse/src/app/app.component.ts

@@ -70,7 +70,7 @@ export class AppComponent implements AfterViewInit {
   private getThemeLink(themeKey: string): string {
     switch(themeKey) {
       case 'contrast':
-        return 'https://kendo.cdn.telerik.com/themes/8.2.1/default/default-ocean-blue.css';
+        return 'https://kendo.cdn.telerik.com/themes/8.2.1/default/default-ocean-blue-a11y.css';
       case 'dark':
         return 'https://kendo.cdn.telerik.com/themes/8.2.1/material/material-main-dark.css';
       default:

examples-standalone/coffee-warehouse/src/styles/main.scss

@@ -200,4 +200,8 @@ kendo-recurrence-frequency-editor .k-edit-field {
 .settings-panel .k-input-solid:focus,
 .settings-panel .k-input-solid.k-focus {
     border-color: var(--kendo-color-inverse-hover);
+}
+
+.settings-panel .k-focus{
+    box-shadow: 0 0 0 2px var(--kendo-color-inverse), 0 0 0 3px var(--kendo-color-on-inverse);
 }