How to change CSS :root color variables in JavaScript

by

Thank you @pvg for providing the link. I had to stare at it for a little to understand what was going on, but I finally figured it out.

The magical line I was looking for was this:

document.documentElement.style.setProperty('--your-variable', '#YOURCOLOR');

That did exactly what I wanted it to do, thank you very much!

More Related Contents:

  1. Preserve browser window aspect ratio while shrinking [closed]
  2. Change from (+) symbol to (-) after click (function(){
  3. How can i create html automatic change page? [duplicate]
  4. How to get an HTML element’s style values in javascript?
  5. Change :hover CSS properties with JavaScript
  6. Prevent zoom cross-browser
  7. Changing element style attribute dynamically using JavaScript
  8. How to get browser width using JavaScript code?
  9. How can you figure out the highest z-index in your document?
  10. Google Maps: How to create a custom InfoWindow?
  11. Performance differences between visibility:hidden and display:none
  12. Dashed border animation in css3 animation
  13. Cannot access cssRules from local css file in Chrome 64
  14. CSS3-Animate elements if visible in viewport (Page Scroll)
  15. “Scroll” to the very right of a long text input
  16. How to create a responsive image that also scales up in Bootstrap 3
  17. CSS: Change parent on focus of child
  18. How to scroll table’s “tbody” independent of “thead”?
  19. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  20. Make image fill div completely without stretching
  21. How do I make a move up and down when I’m scrolling the page?
  22. Fade background image in and out with jQuery?
  23. Hide div element when screen size is smaller than a specific size
  24. Convert dropdown to selection boxes with color and trigger drop down action
  25. Placeholder for contenteditable div
  26. How to get CSS class property in Javascript?
  27. Setting the height of a DIV dynamically
  28. assign color to mouse cursor using CSS
  29. Center an Image vertically and horizontally using CSS
  30. Change background on button click, using CSS only? [duplicate]

Leave a Comment