From 4a6396bb52cd56c9625970a6909a5554f63b13f4 Mon Sep 17 00:00:00 2001
From: SamTheKorean <bumsuyi@gmail.com>
Date: Sun, 22 Dec 2024 19:48:38 -0500
Subject: [PATCH] update : convert to use css variable

---
 src/components/NotFound/NotFound.module.css       |  4 ++--
 src/components/ServerError/ServerError.module.css |  4 ++--
 src/components/Sidebar/Sidebar.module.css         | 10 +++++-----
 src/pages/Certificate/Certificate.module.css      |  6 +++---
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/NotFound/NotFound.module.css b/src/components/NotFound/NotFound.module.css
index eb454ca..b418278 100644
--- a/src/components/NotFound/NotFound.module.css
+++ b/src/components/NotFound/NotFound.module.css
@@ -8,7 +8,7 @@
   color: var(--primary);
 
   & > h1 {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: clamp(30px, 4vw, 80px);
     line-height: clamp(50px, 4vw, 100px);
   }
@@ -18,7 +18,7 @@
     margin: 32px 0 0;
     white-space: pre-wrap;
     color: var(--text-900);
-    font-weight: 400;
+    font-weight: var(--font-weight-regular);
     font-size: clamp(12px, 4vw, 16px);
     line-height: clamp(18px, 4vw, 28px);
   }
diff --git a/src/components/ServerError/ServerError.module.css b/src/components/ServerError/ServerError.module.css
index 66c8f50..c821a28 100644
--- a/src/components/ServerError/ServerError.module.css
+++ b/src/components/ServerError/ServerError.module.css
@@ -10,13 +10,13 @@
 
   h2 {
     font-size: 80px;
-    font-weight: bold;
+    font-weight: var(--font-weight-bold);
     color: var(--primary);
   }
 
   p {
     font-size: 21px;
-    font-weight: normal;
+    font-weight: var(--font-weight-regular);
     color: var(--text-900);
   }
 }
diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css
index 36304ce..131d410 100644
--- a/src/components/Sidebar/Sidebar.module.css
+++ b/src/components/Sidebar/Sidebar.module.css
@@ -65,7 +65,7 @@ aside {
   left: 50%;
   transform: translateX(-50%);
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   color: var(--text-secondary);
 }
 
@@ -79,7 +79,7 @@ aside {
   justify-content: center;
   margin-bottom: 35px;
   padding-bottom: 31px;
-  border-bottom: 2px solid #846de9;
+  border-bottom: 2px solid var(--primary);
 }
 
 .currentStatus img {
@@ -103,7 +103,7 @@ aside {
   flex-direction: column;
   align-items: center;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   gap: 5px;
 }
 
@@ -120,7 +120,7 @@ aside {
 }
 
 .gradientText {
-  background: linear-gradient(to right, #24faca, #846de9);
+  background: linear-gradient(to right, #24faca, var(--primary));
   color: transparent;
   background-clip: text;
   font-size: 17px;
@@ -164,7 +164,7 @@ aside {
   border-radius: 10px;
   color: white !important;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   text-align: center;
   margin-top: 20px;
   margin-left: auto;
diff --git a/src/pages/Certificate/Certificate.module.css b/src/pages/Certificate/Certificate.module.css
index 5838fe7..728c2f2 100644
--- a/src/pages/Certificate/Certificate.module.css
+++ b/src/pages/Certificate/Certificate.module.css
@@ -58,21 +58,21 @@
     font-size: 20px;
     line-height: 15px;
     color: var(--bg-400);
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     margin-top: 30px;
   }
 
   & > h3 {
     font-size: 20px;
     line-height: 25px;
-    font-weight: 400;
+    font-weight: var(--font-weight-regular);
     margin-top: 10px;
   }
 
   & > h4 {
     font-size: 40px;
     line-height: 50px;
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     color: var(--bg-400);
     margin-top: 35px;
   }