From 4748e04eaad6916dff1b4160857872ff3e6d6973 Mon Sep 17 00:00:00 2001
From: feng <fengsight@gmail.com>
Date: Thu, 17 Apr 2025 19:07:32 +0900
Subject: [PATCH] fix: use css vars already provided instead of hard coding
 directly from oc-gray

---
 packages/excalidraw/components/ColorPicker/ColorPicker.scss | 2 +-
 packages/excalidraw/components/ContextMenu.scss             | 2 +-
 packages/excalidraw/components/PasteChartDialog.scss        | 2 +-
 packages/excalidraw/components/PublishLibrary.scss          | 6 +++---
 packages/excalidraw/css/styles.scss                         | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/excalidraw/components/ColorPicker/ColorPicker.scss b/packages/excalidraw/components/ColorPicker/ColorPicker.scss
index 56b40869b..a8f6e75db 100644
--- a/packages/excalidraw/components/ColorPicker/ColorPicker.scss
+++ b/packages/excalidraw/components/ColorPicker/ColorPicker.scss
@@ -238,7 +238,7 @@
     padding: 0.25rem;
 
     &-title {
-      color: $oc-gray-6;
+      color: var(--button-grey-6);
       font-size: 12px;
       padding: 0 0.25rem;
     }
diff --git a/packages/excalidraw/components/ContextMenu.scss b/packages/excalidraw/components/ContextMenu.scss
index 3bedf2ba7..a96cfaf91 100644
--- a/packages/excalidraw/components/ContextMenu.scss
+++ b/packages/excalidraw/components/ContextMenu.scss
@@ -93,6 +93,6 @@
 
   .context-menu-item-separator {
     border: none;
-    border-top: 1px solid $oc-gray-5;
+    border-top: 1px solid var(--button-gray-5);
   }
 }
diff --git a/packages/excalidraw/components/PasteChartDialog.scss b/packages/excalidraw/components/PasteChartDialog.scss
index 855b4ad7c..2668bea3f 100644
--- a/packages/excalidraw/components/PasteChartDialog.scss
+++ b/packages/excalidraw/components/PasteChartDialog.scss
@@ -25,7 +25,7 @@
       height: 128px;
       border-radius: 2px;
       padding: 1px;
-      border: 1px solid $oc-gray-4;
+      border: 1px solid var(--button-grey-4);
       display: flex;
       align-items: center;
       justify-content: center;
diff --git a/packages/excalidraw/components/PublishLibrary.scss b/packages/excalidraw/components/PublishLibrary.scss
index fdcacf129..00eac384c 100644
--- a/packages/excalidraw/components/PublishLibrary.scss
+++ b/packages/excalidraw/components/PublishLibrary.scss
@@ -14,7 +14,7 @@
         span {
           font-weight: 500;
           font-size: 1rem;
-          color: $oc-gray-6;
+          color: var(--button-grey-6);
         }
         input,
         textarea {
@@ -56,9 +56,9 @@
       }
 
       &--cancel.ToolIcon_type_button {
-        background-color: $oc-gray-5;
+        background-color: var(--button-gray-5);
         &:hover {
-          background-color: $oc-gray-6;
+          background-color: var(--button-gray-6);
         }
       }
 
diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss
index 6f1d9cd48..d03a93e1d 100644
--- a/packages/excalidraw/css/styles.scss
+++ b/packages/excalidraw/css/styles.scss
@@ -201,7 +201,7 @@ body.excalidraw-cursor-resize * {
 
   .divider {
     width: 1px;
-    background-color: $oc-gray-2;
+    background-color: var(--button-grey-2);
     margin: 1px;
   }