Add TailwindCSS colors (and script to update them)

.gitignore

@@ -3,3 +3,6 @@
 *.jl.mem
 **.ipynb_checkpoints**
 Manifest.toml
+
+scripts/node_modules/
+scripts/package-lock.json

data/tailwind.txt

@@ -0,0 +1,220 @@
+slate.50       #f8fafc
+slate.100      #f1f5f9
+slate.200      #e2e8f0
+slate.300      #cbd5e1
+slate.400      #94a3b8
+slate.500      #64748b
+slate.600      #475569
+slate.700      #334155
+slate.800      #1e293b
+slate.900      #0f172a
+gray.50        #f9fafb
+gray.100       #f3f4f6
+gray.200       #e5e7eb
+gray.300       #d1d5db
+gray.400       #9ca3af
+gray.500       #6b7280
+gray.600       #4b5563
+gray.700       #374151
+gray.800       #1f2937
+gray.900       #111827
+zinc.50        #fafafa
+zinc.100       #f4f4f5
+zinc.200       #e4e4e7
+zinc.300       #d4d4d8
+zinc.400       #a1a1aa
+zinc.500       #71717a
+zinc.600       #52525b
+zinc.700       #3f3f46
+zinc.800       #27272a
+zinc.900       #18181b
+neutral.50     #fafafa
+neutral.100    #f5f5f5
+neutral.200    #e5e5e5
+neutral.300    #d4d4d4
+neutral.400    #a3a3a3
+neutral.500    #737373
+neutral.600    #525252
+neutral.700    #404040
+neutral.800    #262626
+neutral.900    #171717
+stone.50       #fafaf9
+stone.100      #f5f5f4
+stone.200      #e7e5e4
+stone.300      #d6d3d1
+stone.400      #a8a29e
+stone.500      #78716c
+stone.600      #57534e
+stone.700      #44403c
+stone.800      #292524
+stone.900      #1c1917
+red.50         #fef2f2
+red.100        #fee2e2
+red.200        #fecaca
+red.300        #fca5a5
+red.400        #f87171
+red.500        #ef4444
+red.600        #dc2626
+red.700        #b91c1c
+red.800        #991b1b
+red.900        #7f1d1d
+orange.50      #fff7ed
+orange.100     #ffedd5
+orange.200     #fed7aa
+orange.300     #fdba74
+orange.400     #fb923c
+orange.500     #f97316
+orange.600     #ea580c
+orange.700     #c2410c
+orange.800     #9a3412
+orange.900     #7c2d12
+amber.50       #fffbeb
+amber.100      #fef3c7
+amber.200      #fde68a
+amber.300      #fcd34d
+amber.400      #fbbf24
+amber.500      #f59e0b
+amber.600      #d97706
+amber.700      #b45309
+amber.800      #92400e
+amber.900      #78350f
+yellow.50      #fefce8
+yellow.100     #fef9c3
+yellow.200     #fef08a
+yellow.300     #fde047
+yellow.400     #facc15
+yellow.500     #eab308
+yellow.600     #ca8a04
+yellow.700     #a16207
+yellow.800     #854d0e
+yellow.900     #713f12
+lime.50        #f7fee7
+lime.100       #ecfccb
+lime.200       #d9f99d
+lime.300       #bef264
+lime.400       #a3e635
+lime.500       #84cc16
+lime.600       #65a30d
+lime.700       #4d7c0f
+lime.800       #3f6212
+lime.900       #365314
+green.50       #f0fdf4
+green.100      #dcfce7
+green.200      #bbf7d0
+green.300      #86efac
+green.400      #4ade80
+green.500      #22c55e
+green.600      #16a34a
+green.700      #15803d
+green.800      #166534
+green.900      #14532d
+emerald.50     #ecfdf5
+emerald.100    #d1fae5
+emerald.200    #a7f3d0
+emerald.300    #6ee7b7
+emerald.400    #34d399
+emerald.500    #10b981
+emerald.600    #059669
+emerald.700    #047857
+emerald.800    #065f46
+emerald.900    #064e3b
+teal.50        #f0fdfa
+teal.100       #ccfbf1
+teal.200       #99f6e4
+teal.300       #5eead4
+teal.400       #2dd4bf
+teal.500       #14b8a6
+teal.600       #0d9488
+teal.700       #0f766e
+teal.800       #115e59
+teal.900       #134e4a
+cyan.50        #ecfeff
+cyan.100       #cffafe
+cyan.200       #a5f3fc
+cyan.300       #67e8f9
+cyan.400       #22d3ee
+cyan.500       #06b6d4
+cyan.600       #0891b2
+cyan.700       #0e7490
+cyan.800       #155e75
+cyan.900       #164e63
+sky.50         #f0f9ff
+sky.100        #e0f2fe
+sky.200        #bae6fd
+sky.300        #7dd3fc
+sky.400        #38bdf8
+sky.500        #0ea5e9
+sky.600        #0284c7
+sky.700        #0369a1
+sky.800        #075985
+sky.900        #0c4a6e
+blue.50        #eff6ff
+blue.100       #dbeafe
+blue.200       #bfdbfe
+blue.300       #93c5fd
+blue.400       #60a5fa
+blue.500       #3b82f6
+blue.600       #2563eb
+blue.700       #1d4ed8
+blue.800       #1e40af
+blue.900       #1e3a8a
+indigo.50      #eef2ff
+indigo.100     #e0e7ff
+indigo.200     #c7d2fe
+indigo.300     #a5b4fc
+indigo.400     #818cf8
+indigo.500     #6366f1
+indigo.600     #4f46e5
+indigo.700     #4338ca
+indigo.800     #3730a3
+indigo.900     #312e81
+violet.50      #f5f3ff
+violet.100     #ede9fe
+violet.200     #ddd6fe
+violet.300     #c4b5fd
+violet.400     #a78bfa
+violet.500     #8b5cf6
+violet.600     #7c3aed
+violet.700     #6d28d9
+violet.800     #5b21b6
+violet.900     #4c1d95
+purple.50      #faf5ff
+purple.100     #f3e8ff
+purple.200     #e9d5ff
+purple.300     #d8b4fe
+purple.400     #c084fc
+purple.500     #a855f7
+purple.600     #9333ea
+purple.700     #7e22ce
+purple.800     #6b21a8
+purple.900     #581c87
+fuchsia.50     #fdf4ff
+fuchsia.100    #fae8ff
+fuchsia.200    #f5d0fe
+fuchsia.300    #f0abfc
+fuchsia.400    #e879f9
+fuchsia.500    #d946ef
+fuchsia.600    #c026d3
+fuchsia.700    #a21caf
+fuchsia.800    #86198f
+fuchsia.900    #701a75
+pink.50        #fdf2f8
+pink.100       #fce7f3
+pink.200       #fbcfe8
+pink.300       #f9a8d4
+pink.400       #f472b6
+pink.500       #ec4899
+pink.600       #db2777
+pink.700       #be185d
+pink.800       #9d174d
+pink.900       #831843
+rose.50        #fff1f2
+rose.100       #ffe4e6
+rose.200       #fecdd3
+rose.300       #fda4af
+rose.400       #fb7185
+rose.500       #f43f5e
+rose.600       #e11d48
+rose.700       #be123c
+rose.800       #9f1239
+rose.900       #881337

scripts/exportTailwindColors.cjs

@@ -0,0 +1,42 @@
+#!/usr/bin/env node
+const _ = require("lodash");
+const colorPalette = require("tailwindcss/colors");
+const path = require("path");
+const fs = require("fs");
+
+// The relevant color scales are `object`s, but Tailwind supports the previous names
+//   for some colors so they need to be removed, as well. (String colors are
+//   black/white and some CSS-related fallbacks.
+const deprecatedColors = ["lightBlue", "warmGray", "trueGray", "coolGray",  "blueGray"];
+const desiredColors = _.pickBy(
+  colorPalette,
+  (value, key) => _.isPlainObject(value) && !deprecatedColors.includes(key),
+);
+
+// Since the JS is structed as a deep `object` (Dict), this destructures the depth
+//   into a dotted scheme (e.g. `Dict(:blue => Dict(500 => "#RRGGBB"))` ->
+//   `Dict("blue.500" => "#RRGGBB")`)
+const colors = _.reduce(desiredColors, (colorMap, colorScale2Hex, colorName) => {
+  _.map(colorScale2Hex, (colorHex, colorScale) => {
+    colorMap[`${colorName}.${colorScale}`] = colorHex;
+  })
+  return colorMap;
+}, {});
+
+// This is fluff just to make the output file a little more readable
+const longestColorNameScale = _.size(_.maxBy(_.keys(colors), _.size));
+
+// Converting `colors` into an array of strings, then a single string to be written
+const tailwindTXT = _.join(_.reduce(colors, (colorArr, colorHex, colorName) => {
+  colorArr.push(`${_.padEnd(colorName, longestColorNameScale, " ")}    ${colorHex}`);
+  return colorArr;
+}, []), "\n");
+
+// `__dirname` is a constant that points to the directory where this script is located
+const datapath = path.join(__dirname, "../data/tailwind.txt");
+
+// Write-out the TailwindCSS colors to `data/tailwind.txt`
+fs.writeFile(datapath, tailwindTXT, { encoding: "utf-8", flag: "w", }, (err) => {
+  if (err) throw err;
+  console.log(`Successfully wrote Tailwind colors to \`${datapath}\`!`);
+});

scripts/package.json

@@ -0,0 +1,6 @@
+{
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "tailwindcss": "^3.2.4"
+  }
+}

src/NamedColors.jl

@@ -3,7 +3,7 @@ using ColorTypes
 using REPL: levsort
 import Colors: @colorant_str
 
-export load_xkcd, load_resene, load_nbs, load_x11_style, load_winsor_newton, load_x11, load_css3, load_crayola, load_paul_tol, ALL_COLORS, @colorant_str, UnknownColorError, named_color
+export load_tailwind, load_xkcd, load_resene, load_nbs, load_x11_style, load_winsor_newton, load_x11, load_css3, load_crayola, load_paul_tol, ALL_COLORS, @colorant_str, UnknownColorError, named_color
 
 include("loading.jl")
 
@@ -15,9 +15,10 @@ This is the initialised for the globel const ALL_COLORS, used by "@colorant"
 """
 function load_all_colors(load_functions = (
     load_resene,
+    load_tailwind,
     load_xkcd,
     load_nbs,
-	load_winsor_newton,
+    load_winsor_newton,
     load_x11,
     load_crayola,
     load_css3,

src/loading.jl

@@ -83,6 +83,15 @@ end
 
 ########## Specific formats for specific instances
 
+"""
+Load the color list from [TailwindCSS](https://tailwindcss.org/docs/customizing-colors).
+These colors are suitable for use with (modern) monitors.
+"""
+function load_tailwind()
+	linefields = (split(line," "; keepempty=false) for line in eachline(datafile("tailwind.txt")))
+	Dict((name => parse_hexcode(code)) for (name,code) in linefields)
+end
+
 """
 Load the color list from the [XKCD color survey](https://blog.xkcd.com/2010/05/03/color-survey-results/).
 These colors are suitable for use with (modern) monitors

test/loading.jl

@@ -1,4 +1,16 @@
 
+@testset "tailwind" begin
+  tailwind = load_tailwind()
+	@test length(tailwind) == 220
+	@test tailwind["sky.400"] == RGB24(0.22, 0.741, 0.973)
+end
+
+@testset "xkcd" begin
+  tailwind = load_tailwind()
+	@test length(tailwind) == 220
+	@test tailwind["sky.400"] == RGB24(0.22, 0.741, 0.973)
+end
+
 @testset "xkcd" begin
 	xkcd = load_xkcd()
 	@test length(xkcd) == 949