feat(skeleton): migrate to semantic colors

freenowtech · Jul 11, 2023 · 16211d9 · 16211d9
1 parent e8c66f7
commit 16211d9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Skeleton/Skeleton.tsx b/src/components/Skeleton/Skeleton.tsx
@@ -1,6 +1,6 @@
 import styled, { css, keyframes } from 'styled-components';
 import { borderRadius, BorderRadiusProps, compose, layout, LayoutProps, margin, MarginProps } from 'styled-system';
-import { Colors } from '../../essentials';
+import { getSemanticValue } from '../../utils/cssVariables';
 import { get } from '../../utils/themeGet';
 
 const shimmerAnimation = keyframes`
@@ -46,7 +46,7 @@ export const Skeleton = styled.span<SkeletonProps>`
     position: relative;
     overflow: hidden;
     border-radius: ${get('radii.2')};
-    background-color: ${Colors.AUTHENTIC_BLUE_50};
+    background-color: ${getSemanticValue('background-secondary-default')};
 
     ${compose(layout, margin, borderRadius)};