7:["$","div",null,{"style":{"marginTop":"1em"},"className":"page_blogPostPage__jhy6X","children":[["$","div",null,{"className":"BlogPostPreview_blogPostPreview__JDda_ undefined","children":[["$","div",null,{"className":"BlogPostPreview_cover__jbQQo","children":[["$","span",null,{"className":"BlogPostPreview_topic__u__02","children":"ui"}],["$","span",null,{"className":"SttpTag_sttpTag__qFgTw BlogPostPreview_sttpTag__MNDC1","children":"STTP"}]]}],["$","div",null,{"className":"BlogPostPreview_info__KR1XT","children":[["$","h1",null,{"className":"BlogPostPreview_title__DVLMz","children":"How to update a CSS root variable with Javascript"}],["$","p",null,{"className":"BlogPostPreview_metadata__G1XKs","children":[["$","span",null,{"children":["last modified at ","2024-11-09"]}],["$","span",null,{"children":"by Jonas Brems"}]]}]]}]]}],["$","article",null,{"dangerouslySetInnerHTML":{"__html":"

:root {\n  --my-var: 'initial value';\n}\n

document.documentElement.style.setProperty('--my-var', 'updated value');\n

"},"className":"page_content__XNa9c"}]]}] b:[["$","meta","0",{"charSet":"utf-8"}],["$","title","1",{"children":"How to update a CSS root variable with Javascript | Brems.dev"}],["$","meta","2",{"name":"description","content":"Straight to the point instructions on how to update a CSS root variable with Javascript."}],["$","meta","3",{"property":"og:title","content":"How to update a CSS root variable with Javascript"}],["$","meta","4",{"property":"og:description","content":"Straight to the point instructions on how to update a CSS root variable with Javascript."}],["$"