I have completed the tutorial applying Design System in Visualforce. I read about design tokens but I still don't understand how we can change the theme in Visualforce.

I am not able to find an example how to change and customize the theme in VF, for example if I want to change design system button to orange.

I read design token in the site , it has Sass format and lightning format. The example given is:


How I can use this in Visualforce?

  • 1
    I have been wondering the same thing. I have seen no examples of actually using design tokens in visual force and SLDS.
    – Eric
    Jul 22 '17 at 17:03

After reading several posts and checking Using Design Tokens with the Lightning Design System, it seems that you have to embed a lightning component that uses design tokens. It doesn't look like you can use design tokens directly within a Visualforce page, if you are developing web-based applications, you can use te design tokens as variables through CSS preprocessors Sass, Less, and Stylus.

enter image description here

That being said, if you are developing a vf page using an an IDE, you can download the package via npm or the web page and you will have to use a compiler prior to deploying your page and static resources to Salesforce

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.