feat: parse 'transparent' as css color rgb(0 0 0 / 0)

resolves #280
gka · Aug 18, 2024 · f22aa3f · f22aa3f
1 parent 34a5d9d
commit f22aa3f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/src/io/css/css2rgb.js b/src/io/css/css2rgb.js
@@ -102,6 +102,11 @@ const noneToValue = (v, noneValue) => {
 
 const css2rgb = (css) => {
     css = css.toLowerCase().trim();
+
+    if (css === 'transparent') {
+        return [0, 0, 0, 0];
+    }
+
     let m;
 
     if (input.format.named) {
@@ -225,7 +230,8 @@ css2rgb.test = (s) => {
         RE_RGB_LEGACY.test(s) ||
         RE_RGBA_LEGACY.test(s) ||
         RE_HSL_LEGACY.test(s) ||
-        RE_HSLA_LEGACY.test(s)
+        RE_HSLA_LEGACY.test(s) ||
+        s === 'transparent'
     );
 };
 

diff --git a/test/io/css2rgb.test.js b/test/io/css2rgb.test.js
@@ -45,7 +45,8 @@ describe('Testing CSS2RGB color conversions', () => {
         'lch(93.12% 39.2% 115.62deg)': [212, 248, 128, 1], // #d4f880
         'lch(93.12% none none)': [235, 235, 235, 1],
         'oklch(92.83% 0.15 123.12deg)': [212, 248, 130, 1],
-        'oklch(92.83% none none)': [231, 231, 231, 1]
+        'oklch(92.83% none none)': [231, 231, 231, 1],
+        transparent: [0, 0, 0, 0]
     };
 
     Object.keys(testCases).forEach((name) => {

diff --git a/test/valid.test.js b/test/valid.test.js
@@ -6,9 +6,12 @@ const valid = chroma.valid;
 describe('Some tests for chroma.valid', () => {
     it('valid color', () => {
         expect(valid('red')).toBe(true);
+        expect(valid('transparent')).toBe(true);
     });
 
     it('invalid color', () => {
         expect(valid('bread')).toBe(false);
+        expect(valid('unset')).toBe(false);
+        expect(valid('inherit')).toBe(false);
     });
 });