pikock / bootstrap-magic

Bootstrap themes generator made with AngularJS
https://pikock.github.io/bootstrap-magic
Other
1.8k stars 492 forks source link

Cannot customize primary color #76

Closed oranges13 closed 4 years ago

oranges13 commented 5 years ago

If there is a way, I could not find it -- but in the Brand colors drop down, there is no way to customize the primary color with a hex code. I do not want to reconfigure one of the color variables (such as $blue) because of the utility that provides, however I need to use a specific hex code for our brand colors as our primary color and build from there.

I attempted to use the "import" function to add my own variables, but they are added at the end of the script and are not available to the brand selection area.

As it is, there is no way to add a new variable and assign it in the $theme-colors selection.

WebDragon commented 4 years ago

under Brand Colors, the $theme-colors section, you can replace (primary: $blue, secondary: $gray-600, success: $green, info: $cyan, warning: $yellow, danger: $red, light: $gray-100, dark: $gray-800)

with (primary: #C0FFEE, secondary: #F1EECE, success: #10CA1E, info: #10ADED, warning: #DEFACE, danger: #BA1B0A, light: $gray-100, dark: $gray-800)

so I don't see what the problem is. there's just no SEPARATE field to put those values in, but this does the trick just fine. it's just grouped like this because these are your theme colors.

oranges13 commented 4 years ago

Hey, thanks for this! It works!

Anyone else having issues getting things to work you can refer to theme colors using the theme-color('primary') function within other settings.