-
Notifications
You must be signed in to change notification settings - Fork 37
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
Create a new brand color #176
Labels
Comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hello there,
In order to add a new color let's say "blue" you have to create the classes/styling for the component that you want to use.
First of all, you have to create new variables. For example, if you want a button with your new color, you will need to have the .btn-blue class.
Go to this file:
assets/scss/material-kit/variables/_bootstrap-material-design.scss
and at line 80 you have to add your custom hex for the new variable:$brand-blue: #123456 !default;
and then you have to go toassets/scss/material-kit/variables/_buttons.scss
at line 40 you will see other variables which are declared so yours have to look like this:Now, you have to go to
assets/scss/material-kit/mixins/_buttons.scss
and search after @mixin bmd-raised-button-color. Inside of the @mixin, you have to add:Now, after you will recompile the SCSS, your new color, and btn-blue class will be created. And like this, you have to search in the project and create new styling for the components that you need to be styled with your new color.
Hope that information helps you.
Stefan
The text was updated successfully, but these errors were encountered: