card

Author: JesmoDev

packages/uui-card/lib/uui-card.element.ts

@@ -28,19 +28,19 @@ export class UUICardElement extends SelectOnlyMixin(
         box-shadow: var(--uui-shadow-depth-1);
         border-radius: var(--uui-border-radius);
         min-height: var(--uui-layout-medium);
-        background-color: var(--uui-interface-surface);
+        background-color: var(--uui-color-surface);
         --uui-card-border-width: 3px;
         transition: box-shadow 100ms ease-out;
       }
 
       :host(*) * {
         /* TODO: implement globally shared outline style */
-        outline-color: var(--uui-interface-outline);
+        outline-color: var(--uui-color-focus);
         outline-offset: 4px;
       }
 
       :host(:focus) {
-        outline-color: var(--uui-interface-outline);
+        outline-color: var(--uui-color-focus);
         outline-width: var(--uui-card-border-width);
         outline-style: solid;
         outline-offset: var(--uui-card-border-width);