Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Noob help changing the primary color #736

Closed
Ronin11 opened this issue Jun 21, 2016 · 8 comments
Closed

Noob help changing the primary color #736

Ronin11 opened this issue Jun 21, 2016 · 8 comments

Comments

@Ronin11
Copy link

Ronin11 commented Jun 21, 2016

I want to change the primary color. I found the _default-theme.scss in the core folder, I tried to use sass to compile it, even after changing the name and compiling it produced an empty file. I feel like I'm doing this wrong, what is the correct way to set the primary color pallete?

Thanks,
Nate

@patrickschlueer
Copy link

patrickschlueer commented Jun 21, 2016

I don't know if this is the right way (maybe I misinterpreted someone saying that this _default-theme thing is just for upcoming theming) but the first thing working for me was changing the styles in the component (for example there are styles in the toolbar.js) so I just replaced the color code for the whole solution and it worked

If I did it wrong and there is something else, let me know

@fxck
Copy link
Contributor

fxck commented Jun 21, 2016

#724

@jelbourn
Copy link
Member

This is tracked via #123

We currently don't have a way for the end-user to customize the theme; this will be coming before beta.

@alexsorokoletov
Copy link

So, again, what is the suggested way to change primary color or adjust material theme?
I saw this doc https://github.com/angular/material2/blob/master/docs/scss-theming.md but it doesn't tells me what to do actually

@jelbourn
Copy link
Member

We unfortunately don't have user-controlled theming available yet at this
point in the alpha. It will be coming before we get to a beta stage.

On Wed, Jul 13, 2016 at 2:00 PM, Alex Sorokoletov [email protected]
wrote:

So, again, what is the suggested way to change primary color or adjust
material theme?
I saw this doc
https://github.com/angular/material2/blob/master/docs/scss-theming.md but
it doesn't tells me what to do actually


You are receiving this because you modified the open/close state.
Reply to this email directly, view it on GitHub
#736 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AAzMUFf5zK-BHVO17KNUzBZjoXnUcOBsks5qVVIFgaJpZM4I7G8L
.

@francisoud
Copy link

@alexsorokoletov (I'm not part of material2 team;) ) as a temporary workaround you could fork material, modify _default-theme.scss and replace you npm dependency from material2-core to your own version...
But let me be clear this is bad idea and I'm not even sur it would work ;)

@alexsorokoletov
Copy link

Thanks guys. I've heard similar solution from other person. As for now I reference Palette and theming functions in app component scss and add styles I need there. For toolbar this worked nice, but looking at button makes me dizzy :)

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants