How do you access Angular scss variables in typescript?

angular material-design elevation
Jus10 picture Jus10 · Mar 23, 2017 · Viewed 17.9k times · Source

I'm trying to access the theme colors from other places in my app. I can access primary, accent, and warn on material elements using color="primary" but sometimes color isn't an option, like when I want to access the colors programatically. Anyone know how to access the theme variables in other places? I think, more specifically, I'm trying to use an scss variable in either typescript, or a css style, whatever gets the job done, but just get errors when I try to use the variables.

Answer

ramden picture ramden · Mar 23, 2017

Please have a look at this question:

access SASS values ($colors from variables.scss) in Typescript (Angular2 ionic2)

Does this solve your problem?

Related questions

Angular material design - how to add custom button color?

I want to add my own custom colors, similar to "primary", "warn" etc. For example, I added a class for an orange background, but I use it as a class and not as a color attribute. It works, but the …

Read More
Binding element 'index' implicitly has an 'any' type

Using the demo project of angular2-mdl as a guide I ported the tab component and tried to implement it as follow: import { Component } from '@angular/core'; @Component({ selector: 'my-dashboard', templateUrl: './landing.my.html' }) export class MyDashboard { public …

Read More
Angular - 'Could not find HammerJS'

I'm working on a simple angular project where I am trying to import Material Design into my project but some of the components aren't working properly and a console warning says: Could not find HammerJS. Certain Angular Material components may …

Read More