matthewsimo/get-css-custom-properties.js

Created July 28, 2023 22:10

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/matthewsimo/ad6b3d3c5f9e2d42f7e0c9225e652d28.js"></script>
Save matthewsimo/ad6b3d3c5f9e2d42f7e0c9225e652d28 to your computer and use it in GitHub Desktop.

Download ZIP

Revisions

matthewsimo created this gist Jul 28, 2023.

get-css-custom-properties.js

-Original file line number
+Diff line change
@@ -0,0 +1,10 @@
+    let vars = new Map()
+    for (const [prop, val] of document.documentElement.computedStyleMap()) {
+        if (prop.startsWith('--')) {
+            vars.set(prop, val[0][0])
+        }
+    }
+    for (const [k, v] of vars.entries()) {
+      console.log(`${k}: ${v}`)
+    }