resolve CSS color names when necessary

highlightjs · Nov 16, 2021 · 3a0835d · 3a0835d
1 parent c05ab64
commit 3a0835d
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -65,6 +65,7 @@
     "colors": "^1.1.2",
     "commander": "8.2",
     "css": "^3.0.0",
+    "css-color-names": "^1.0.1",
     "deep-freeze-es6": "^1.4.1",
     "del": "^6.0.0",
     "dependency-resolver": "^2.0.1",

diff --git a/tools/checkTheme.js b/tools/checkTheme.js
@@ -4,6 +4,7 @@ const fs = require("fs");
 const css = require("css");
 const wcagContrast = require("wcag-contrast");
 const Table = require('cli-table');
+const csscolors = require('css-color-names');
 // const colors = require('colors/safe.js');
 
 
@@ -199,6 +200,13 @@ class CSSRule {
       this.bg = rule.declarations.find(x => x.property =="background")?.value;
       this.fg = rule.declarations.find(x => x.property =="color")?.value;
 
+      if (this.bg) {
+        this.bg = csscolors[this.bg] || this.bg;
+      }
+      if (this.fg) {
+        this.fg = csscolors[this.fg] || this.fg;
+      }
+
       // inherit from body if we're missing fg or bg
       if (this.hasColor) {
         if (!this.bg) this.bg = body.background;