Merge pull request #106 from deriv-com/fix-rgba-issues

Prince/ fix handling rgba not getting converted properly
deriv-com · Sep 3, 2024 · 741d524 · 741d524
2 parents 1afede3 + a976d82
commit 741d524
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/lib/styles/quill.css b/lib/styles/quill.css
@@ -474,8 +474,8 @@
   --core-color-opacity-slate-800: rgba(65, 70, 82, 0.88);
   --core-color-opacity-overflow-100: rgba(255, 255, 255, 0);
   --core-color-opacity-overflow-200: rgba(246, 247, 248, 0);
-  --core-color-opacity-overflow-300: rgba(var(--core-color-solid-slate-1200), var(--core-opacity-50));
-  --core-color-opacity-overflow-400: rgba(var(--core-color-solid-slate-1300), var(--core-opacity-50));
+  --core-color-opacity-overflow-300: rgba(24, 28, 37, 0);
+  --core-color-opacity-overflow-400: rgba(17, 20, 27, 0);
   --core-color-gradient-slate-110: linear-gradient(
     1.93deg,
     var(--core-color-opacity-overflow-100) 1.56%,

diff --git a/lib/styles/quill.scss b/lib/styles/quill.scss
@@ -474,8 +474,8 @@
   --core-color-opacity-slate-800: rgba(65, 70, 82, 0.88);
   --core-color-opacity-overflow-100: rgba(255, 255, 255, 0);
   --core-color-opacity-overflow-200: rgba(246, 247, 248, 0);
-  --core-color-opacity-overflow-300: rgba(var(--core-color-solid-slate-1200), var(--core-opacity-50));
-  --core-color-opacity-overflow-400: rgba(var(--core-color-solid-slate-1300), var(--core-opacity-50));
+  --core-color-opacity-overflow-300: rgba(24, 28, 37, 0);
+  --core-color-opacity-overflow-400: rgba(17, 20, 27, 0);
   --core-color-gradient-slate-110: linear-gradient(
     1.93deg,
     var(--core-color-opacity-overflow-100) 1.56%,

diff --git a/scripts/transformer.js b/scripts/transformer.js
@@ -334,7 +334,7 @@ class Transformer {
       });
 
       // Map RGBA values
-      const rgbaPattern = /rgba\(\s*var\((--[\w-]+)\),\s*var\((--[\w-]+)\s*\)\s*\)/g;
+      const rgbaPattern = /rgba\(\s*var\(\s*(--[\w-]+)\s*\)\s*,\s*var\(\s*(--[\w-]+)\s*\)\s*\)/g;
 
       // Replace matches with custom strings
       const replacedString = transformedString.replace(rgbaPattern, (match, hex, opacity) => {