chore: update focus styles and theme default

telerik · Sep 27, 2024 · a609e79 · a609e79
1 parent 55ea852
commit a609e79
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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);
 }