Get the value of a CSS variable in JavaScript

#javascript #css

I use CSS variables for color values all the time, and I often want to replicate them in JavaScript for charts and other graphics. Instead of copying the colors, I use this function:

function getCssVar (varName) {
  return getComputedStyle(document.body)
   .getPropertyValue(`--${varName}`)
}

Top comments (0)

Deep Linking for Andriod and Apple in Next.js

Al-Amin Islam - Mar 30

My First Full-Stack Project ZeusConnect

Hasin Raiyan - Mar 30

Use your own neural net to generate images

Matt Ellen - Apr 1

How to Add Google Maps to Your Web App Using React

Aneeqa Khan - Apr 16

DEV Community