This is a migrated thread and some comments may be shown as answers.

SASS theme variables

1 Answer 416 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jacky
Top achievements
Rank 1
Jacky asked on 26 Mar 2018, 02:30 PM

Is there a list to get all SASS theme variables used in Material theme?  The documentation says $selected-text is based off $accent-contrast but it doesn't list what $accent-contrast 

https://www.telerik.com/kendo-angular-ui/components/styling/theme-material/customization/

Also, shouldn't kendo variables be prefixed with some kendo identifier like "k".  I often create conflicts in my own SASS variables that accidentally overrides the kendo variables.  

1 Answer, 1 is accepted

Sort by
0
Accepted
Svet
Telerik team
answered on 28 Mar 2018, 08:42 AM
Hi Jacky,

Thank you for the provided feedback.

$accent-contrast is assigned the value of $primary-contrast which is #ffffff, check the following code for reference:

https://github.com/telerik/kendo-themes/blob/develop/packages/material/scss/_variables.scss#L128

About the names of the variables, I will initiate an internal discussion on this matter.

As a workaround, we could avoid the conflicts by compiling the Kendo Theme in a separate file.

I hope this helps. Please let me know in case further assistance is required for this case.

Regards,
Svetlin
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Jacky
Top achievements
Rank 1
Answers by
Svet
Telerik team
Share this question
or