From 691dba26af78e6d44f6f5ccc6c71ee8533d60418 Mon Sep 17 00:00:00 2001
From: Nate <dylovsky160@gmail.com>
Date: Fri, 17 Jan 2025 18:52:23 -0300
Subject: [PATCH] migration to scss

all tsx files adjusted
added root vars on _variables.scss
---
 src/renderer/src/pages/editor/editor.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/editor/editor.tsx b/src/renderer/src/pages/editor/editor.tsx
index b1e234d6..f2e509c2 100644
--- a/src/renderer/src/pages/editor/editor.tsx
+++ b/src/renderer/src/pages/editor/editor.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { SkeletonTheme } from "react-loading-skeleton";
-import { vars } from "@renderer/theme.css";
+import "../../scss/_variables.scss";
 import "./editor.scss";
 import { Editor as Monaco } from "@monaco-editor/react";
 
@@ -34,7 +34,7 @@ export default function Editor() {
   };
 
   return (
-    <SkeletonTheme baseColor={vars.color.background} highlightColor="#444">
+    <SkeletonTheme baseColor="var(--background-color)" highlightColor="#444">
       <div className="editor-header">
         <div className="editor-header-title">
           <h1>CSS Editor</h1>