I am trying to adjust the main theme color assigned by $primary
in _theme_variables.scss
. I changed the default value from $purple
to $orange
while using npm run watch-bs
(browser-sync). However, the change is not reflecting on the home page:
https://i.sstatic.net/LVrO6.png
Here are my modifications:
_theme_variables.scss
$purple: #5533ff; // Just an example of how you can alter a BootStrap variable.
$orange: #fd7e14;
$primary: $orange; // After changing the value, we will also set it as the primary brand color.
_theme.scss
:
// This is a blank scss file for your custom styles - Please insert your amazing design styles here
@import "theme_variables";
What could I be missing? 🤔