fix : fixed color contrast [123]

sparrowapp-dev · Jun 11, 2024 · 272d896 · 272d896
1 parent 972d295
commit 272d896
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 10 deletions.
diff --git 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
@@ -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>
-
+
+
+
diff --git a/src/packages/@library/ui/label/Label.svelte b/src/packages/@library/ui/label/Label.svelte
@@ -1,15 +1,16 @@
 <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>
 
 <div
   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
@@ -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
@@ -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
@@ -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>