From a609e79754372c33d3134a5e32175d2d6eccb569 Mon Sep 17 00:00:00 2001
From: Iliyana Dyankova <inikolova@progress.com>
Date: Fri, 27 Sep 2024 11:22:54 +0300
Subject: [PATCH] chore: update focus styles and theme default

---
 examples-standalone/coffee-warehouse/src/app/app.component.ts | 2 +-
 examples-standalone/coffee-warehouse/src/styles/main.scss     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/examples-standalone/coffee-warehouse/src/app/app.component.ts b/examples-standalone/coffee-warehouse/src/app/app.component.ts
index 772ce72c..2ed3d56c 100644
--- a/examples-standalone/coffee-warehouse/src/app/app.component.ts
+++ b/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:
diff --git a/examples-standalone/coffee-warehouse/src/styles/main.scss b/examples-standalone/coffee-warehouse/src/styles/main.scss
index 86aab89c..4ea71c8d 100644
--- a/examples-standalone/coffee-warehouse/src/styles/main.scss
+++ b/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);
 }
\ No newline at end of file