From 272d896342eb31acd46de395abd0cde6f92f3ba8 Mon Sep 17 00:00:00 2001
From: Isha Dubey <ishadubey36@gmail.com>
Date: Tue, 11 Jun 2024 18:29:39 +0530
Subject: [PATCH] fix : fixed color contrast [123]

---
 src/packages/@app/styles/style.scss                       | 4 ++++
 src/packages/@library/icons/VerticalGrid.svelte           | 8 +++++---
 src/packages/@library/ui/label/Label.svelte               | 7 ++++---
 src/packages/@library/ui/popover/Popover.svelte           | 2 +-
 src/packages/@workspaces/common/utils/url-input-theme.ts  | 2 +-
 .../@workspaces/features/tab-bar/layout/TabBar.svelte     | 4 ++--
 6 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/packages/@app/styles/style.scss b/src/packages/@app/styles/style.scss
index 6cce9e30f..88516ece6 100644
--- a/src/packages/@app/styles/style.scss
+++ b/src/packages/@app/styles/style.scss
@@ -118,6 +118,7 @@ $theme-blue-0B5ED7: #0B5ED7;
 $theme-blue-2B5ED4: #2B5ED4;
 $theme-blue-303F4F: #303F4F;
 $theme-blue-1D3650: #1D3650;
+$theme-blue-74AEF6: #74AEF6;
 
 $theme-violet-676A80: #676A80;
 $theme-violet-2A2C3C: #2A2C3C;
@@ -126,6 +127,7 @@ $theme-violet-272831: #272831;
 $theme-violet-2E2F3D: #2E2F3D;
 $theme-violet-323548: #323548;
 $theme-violet-1c1d27: #1c1d27;
+$theme-violet-1C1D2B: #1C1D2B;
 
 $theme-red-e5acb2: #e5acb2;
 $theme-red-fe8c98: #fe8c98;
@@ -233,6 +235,7 @@ $theme-red-230408: #230408;
   --text-primary-200 : #{$theme-blue-1193F0};
   --text-primary-250 : #{$theme-blue-B0B0B0};
   --text-primary-300 : #{$theme-blue-3670F7};
+  --text-primary-350 : #{$theme-blue-74AEF6};
   --text-primary-400 : #{$theme-blue-0B5ED7};
 
   --text-secondary-50 : #{$theme-grey-999999};
@@ -251,6 +254,7 @@ $theme-red-230408: #230408;
 
   --text-tertiary-100 : #{$theme-violet-676A80};
   --text-tertiary-200 : #{$theme-violet-323548};
+  --text-tertiary-250 : #{$theme-violet-1C1D2B};
   --text-tertiary-300 : #{$theme-violet-2A2C3C};
   --text-tertiary-400 : #{$theme-violet-22232E};
   --text-tertiary-500 : #{$theme-violet-272831};
diff --git a/src/packages/@library/icons/VerticalGrid.svelte b/src/packages/@library/icons/VerticalGrid.svelte
index d819c8154..8a26eed4b 100644
--- a/src/packages/@library/icons/VerticalGrid.svelte
+++ b/src/packages/@library/icons/VerticalGrid.svelte
@@ -4,7 +4,9 @@
     export let color: string = "grey";
   </script>
 
-<svg {width} {height} viewBox="0 0 15 14" fill={color} xmlns="http://www.w3.org/2000/svg">
-    <path d="M6.22222 8.27778V13.5H1.27778C1.20411 13.5 1.13345 13.4707 1.08136 13.4186C1.02927 13.3665 1 13.2959 1 13.2222V8.27778H6.22222ZM8.77778 0.5H13.7222C13.7959 0.5 13.8665 0.529266 13.9186 0.581359C13.9707 0.633452 14 0.704105 14 0.777778V13.2222C14 13.2959 13.9707 13.3665 13.9186 13.4186C13.8665 13.4707 13.7959 13.5 13.7222 13.5H8.77778V0.5ZM1 0.777778C1 0.704106 1.02927 0.633453 1.08136 0.581359C1.13345 0.529266 1.20411 0.5 1.27778 0.5H6.22222V5.72222H1V0.777778Z" stroke="#0B5ED7"/>
+<svg {width} {height} viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M6.22222 8.27778V13.5H1.27778C1.20411 13.5 1.13345 13.4707 1.08136 13.4186C1.02927 13.3665 1 13.2959 1 13.2222V8.27778H6.22222ZM8.77778 0.5H13.7222C13.7959 0.5 13.8665 0.529266 13.9186 0.581359C13.9707 0.633452 14 0.704105 14 0.777778V13.2222C14 13.2959 13.9707 13.3665 13.9186 13.4186C13.8665 13.4707 13.7959 13.5 13.7222 13.5H8.77778V0.5ZM1 0.777778C1 0.704106 1.02927 0.633453 1.08136 0.581359C1.13345 0.529266 1.20411 0.5 1.27778 0.5H6.22222V5.72222H1V0.777778Z" stroke={color}/>
     </svg>
-    
\ No newline at end of file
+    
+
+  
\ No newline at end of file
diff --git a/src/packages/@library/ui/label/Label.svelte b/src/packages/@library/ui/label/Label.svelte
index 9449e0d24..ca6a191e6 100644
--- a/src/packages/@library/ui/label/Label.svelte
+++ b/src/packages/@library/ui/label/Label.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   export let number: number;
-  export let size = "14px";
-  export let textColor = "text-primary-200";
+  export let size = "15px";
+  export let textColor = "var(--text-primary-350)";
   export let backgroundColor = "bg-secondary-500";
 </script>
 
@@ -9,7 +9,8 @@
   class="label d-flex align-items-center justify-content-center {backgroundColor}"
   style="height: {size}; width: {size};"
 >
-  <p class="mb-0 {textColor} fw-bold sparrow-fs-8">{number}</p>
+ 
+<p class="mb-0 fw-bold sparrow-fs-10" style="color:{textColor};" >{number}</p>
 </div>
 
 <style>
diff --git a/src/packages/@library/ui/popover/Popover.svelte b/src/packages/@library/ui/popover/Popover.svelte
index f54d71c24..6e29a9192 100644
--- a/src/packages/@library/ui/popover/Popover.svelte
+++ b/src/packages/@library/ui/popover/Popover.svelte
@@ -13,7 +13,7 @@
 
 <div
   class="container d-flex flex-column"
-  style="position:relative; background-color:#1C1D2B; border-radius:4px; "
+  style="position:relative; background-color: var( --text-tertiary-250 ) ; border-radius:4px; "
 >
   <button
     class="cross-btn b-0 border-0"
diff --git a/src/packages/@workspaces/common/utils/url-input-theme.ts b/src/packages/@workspaces/common/utils/url-input-theme.ts
index aa78ae68d..1d352fb29 100644
--- a/src/packages/@workspaces/common/utils/url-input-theme.ts
+++ b/src/packages/@workspaces/common/utils/url-input-theme.ts
@@ -15,7 +15,7 @@ export class UrlInputTheme {
         caretColor: "var(--white-color)",
         height: "100%",
         paddingTop: "7px",
-        backgroundColor: "var(--bg-secondary-600)",
+        backgroundColor: "var( --text-tertiary-250 )",
       },
       ".cm-panels": {
         backgroundColor: "var(--blackColor)",
diff --git a/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte b/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte
index 21d51c33f..96cb76ea4 100644
--- a/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte
+++ b/src/packages/@workspaces/features/tab-bar/layout/TabBar.svelte
@@ -229,9 +229,9 @@
           }}
         >
           {#if $requestSplitterDirection === "horizontal"}
-            <ViewGrid color={"var(--text-primary-400)"} height={13} />
+            <ViewGrid color={"var(--deleted-api-method)"} height={13} />
           {:else}
-            <VerticalGrid height={13} color="var(--blackColor)" />
+            <VerticalGrid height={13} color="var(--deleted-api-method)" />
           {/if}
         </button>
         </Tooltip>