1

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: 

t(colorBackgroundPathIncompleteHover)

How I can use this in Visualforce?

Improve this question
1
  • 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, 2017 at 17:03

1 Answer 1

Reset to default
3

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

Improve this answer

You must log in to answer this question.

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