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
    Commented Jul 22, 2017 at 17:03

1 Answer 1


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

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .