From 54fe4707ca5fcf6a7f1c4e9ee72df8a6b1e4dae2 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Fri, 4 Mar 2022 01:58:29 +0000
Subject: [PATCH] fix: use CSS variables instead

---
 studio/styles/storage.scss | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

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%;
 }