From c88c802aa1f010bb8618cbad2b6587669d3d0677 Mon Sep 17 00:00:00 2001
From: melnikga <melnik.goshan2013@gmail.com>
Date: Sat, 29 Jun 2024 17:13:04 +0400
Subject: [PATCH] A small revision of the colors and font size

---
 components/Editor/Console.tsx        | 2 +-
 components/Editor/EditorFooter.tsx   | 2 +-
 components/Editor/cairoLangConfig.ts | 1 +
 components/KBar/ResultItem.tsx       | 4 ++--
 components/Tracer/index.tsx          | 6 +++---
 components/ui/Input.tsx              | 2 +-
 tailwind.config.js                   | 1 +
 7 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/components/Editor/Console.tsx b/components/Editor/Console.tsx
index 59d0c7d..4108afa 100644
--- a/components/Editor/Console.tsx
+++ b/components/Editor/Console.tsx
@@ -22,7 +22,7 @@ const Console = () => {
       <p className="text-gray-500 dark:text-[#BDBDBD] font-medium uppercase text-[13px] leading-6">
         Console
       </p>
-      <div className="leading-6 text-[16px] text-gray-400 dark:text-darkMode-text">
+      <div className="leading-6 text-tiny text-gray-400 dark:text-darkMode-text">
         {consoleLog.map((log, index) => (
           <pre key={toKeyIndex('line', index)} className=" font-ibm-plex-sans">
             {log.type === LogType.Error && (
diff --git a/components/Editor/EditorFooter.tsx b/components/Editor/EditorFooter.tsx
index 0c78c94..5c6725c 100644
--- a/components/Editor/EditorFooter.tsx
+++ b/components/Editor/EditorFooter.tsx
@@ -14,7 +14,7 @@ function EditorFooter() {
   return (
     <div
       className={cn(
-        'px-5 bg-gray-100 dark:bg-black-700 border border-gray-200 dark:border-black-500 text-xs h-[42px] items-center text-gray-600 ml-auto flex justify-between',
+        'px-5 bg-gray-100 dark:bg-darkMode-secondary border border-gray-200 dark:border-darkMode-primary text-xs h-[42px] items-center text-gray-600 ml-auto flex justify-between',
         !isFullScreen && 'rounded-b-lg',
       )}
     >
diff --git a/components/Editor/cairoLangConfig.ts b/components/Editor/cairoLangConfig.ts
index be234d8..109615c 100644
--- a/components/Editor/cairoLangConfig.ts
+++ b/components/Editor/cairoLangConfig.ts
@@ -201,6 +201,7 @@ export function registerCairoLanguageSupport(_monaco: typeof MonacoEditor) {
       },
     ],
     colors: {
+      'editor.background': '#f9fafb',
       'editor.foreground': '#000000',
       'editorCursor.foreground': '#8B0000',
       'editor.lineHighlightBackground': '#E8573310',
diff --git a/components/KBar/ResultItem.tsx b/components/KBar/ResultItem.tsx
index daa6527..90883d0 100644
--- a/components/KBar/ResultItem.tsx
+++ b/components/KBar/ResultItem.tsx
@@ -17,7 +17,7 @@ const ResultItem = forwardRef(
         className={cn(
           'flex items-center justify-between cursor-pointer py-3 px-4 border-l-2',
           {
-            'bg-gray-50 dark:bg-black-500 border-indigo-500': active,
+            'bg-gray-50 dark:bg-black-500 border-icons': active,
             'bg-white dark:bg-black-600 border-transparent': !active,
           },
         )}
@@ -39,7 +39,7 @@ const ResultItem = forwardRef(
             {action.shortcut.map((sc) => (
               <kbd
                 key={sc}
-                className="box-border py px-1 bg-gray-100 dark:bg-black-400 text-indigo-500 rounded"
+                className="box-border py px-1 bg-gray-100 dark:bg-black-400 text-icons rounded"
               >
                 {sc}
               </kbd>
diff --git a/components/Tracer/index.tsx b/components/Tracer/index.tsx
index ef2cab0..27bf921 100644
--- a/components/Tracer/index.tsx
+++ b/components/Tracer/index.tsx
@@ -277,9 +277,9 @@ function DebugInfoTab({
               Callstack
             </dt>
             <dd className="font-mono mb-2">
-              <table className="w-full font-mono text-tiny border border-gray-300 dark:border-black-500">
+              <table className="w-full font-mono text-tiny border border-gray-300 dark:border-[#46373A]">
                 <thead>
-                  <tr className="text-left sticky z-[1] top-0 bg-gray-50 dark:bg-black-600 text-gray-400 dark:text-gray-600 border-b border-gray-300 dark:border-black-500">
+                  <tr className="text-left sticky z-[1] top-0 bg-gray-50 dark:bg-darkMode-secondary text-gray-400 dark:text-gray-600 border-b border-gray-300 dark:border-[#46373A]">
                     {debugMode === ProgramDebugMode.Execution && (
                       <>
                         <th className="py-1 px-2 font-thin min-w-16">FP</th>
@@ -308,7 +308,7 @@ function DebugInfoTab({
                       return (
                         <tr
                           key={index}
-                          className="relative border-b border-gray-300 dark:border-black-500 text-gray-400 dark:text-gray-600"
+                          className="relative border-b border-gray-300 dark:border-[#46373A] text-gray-400 dark:text-gray-600"
                         >
                           {debugMode === ProgramDebugMode.Execution && (
                             <>
diff --git a/components/ui/Input.tsx b/components/ui/Input.tsx
index 71d7a3f..c3bd0f1 100644
--- a/components/ui/Input.tsx
+++ b/components/ui/Input.tsx
@@ -59,7 +59,7 @@ export const Input: React.FC<Props> = forwardRef(
           onFocus={handleFocus}
           onBlur={handleBlur}
           onInput={handleInput}
-          className={`${inputClassName} w-full outline-none bg-transparent placeholder-[#E85733] dark:placeholder-[#FFCDD2] placeholder:text-center`}
+          className={`${inputClassName} w-full outline-none bg-transparent placeholder-[#E85733] dark:placeholder-[#FFCDD2]`}
           {...rest}
         />
         {searchable && (
diff --git a/tailwind.config.js b/tailwind.config.js
index 716040b..664b1db 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -26,6 +26,7 @@ module.exports = {
           500: '#1B1B1B',
           400: '#2F2F2F',
         },
+        icons: '#E85733',
         darkMode: {
           primary: '#0F0E0F',
           secondary: '#1C1E22',