What are you trying to accomplish I am looking to create a global data model that provides a list of css variables to apply to Text and Box backgrounds. I have been able to do this through custom components just fine but am wondering if there is a way to have this set up globally so that I can appl…

@sheema Neither of those solve my problem. I currently run a space that powers multiple sites, and all of those sites will share a set a CSS Variables that will be set to different values depending on the site. So, the colors will not be defined within Builder, but in my codebase. So what I need is…

Hey @joshuafbarker you have the option to create a data model specifically for colors, treating them as variables. Ensure to incorporate these variables into your global.css file. Subsequently, you can link this data model entry with your Builder page. I’ve added a loom video detailing the process f…

Site theme data model that uses CSS variables

Technical Questions

sheema April 9, 2024, 12:03pm 2

Hey @joshuafbarker I would recommend following our docs to create a site theme using data model. You can also checkout this forum post for alternatives.

Topic		Replies	Views
How & where to create a global CSS stylesheet General styling , cms	3	1722	May 26, 2023
Bound data style not being applied to deployed site Technical Questions styling , nextjs	5	579	October 12, 2023
Applying Styles to All Builder Pages FAQs visual-editor , styling	0	2079	January 6, 2022
Custom styles overriding builder-text? General styling	8	3418	March 29, 2021
Enum for backgroundColor prop in a custom react/next component using variables from global stylesheet CMS visual-editor , styling , reusable-content , react	1	993	April 14, 2021

Site theme data model that uses CSS variables

Related topics