diff --git a/studio/styles/storage.scss b/studio/styles/storage.scss index 7dd732a3690..1d81cbb6021 100644 --- a/studio/styles/storage.scss +++ b/studio/styles/storage.scss @@ -52,13 +52,23 @@ .shimmering-loader { animation: shimmer 2s infinite linear; - background: linear-gradient(to right, #fafafa 4%, #ffffff 25%, #fafafa 36%); + background: linear-gradient( + to right, + var(--colors-scale3) 4%, + var(--colors-scale4) 25%, + var(--colors-scale3) 36% + ); background-size: 1000px 100%; } .dark .shimmering-loader { animation: shimmer 2s infinite linear; - background: linear-gradient(to right, #1f1f1f 4%, #333333 25%, #1f1f1f 36%); + background: linear-gradient( + to right, + var(--colors-scale4) 4%, + var(--colors-scale5) 25%, + var(--colors-scale4) 36% + ); background-size: 1000px 100%; }