Primary Colors

We have provided multiple colors set so it will be easy to use for customers as well as designers to change from the browser quickly. Here we go to set default color theme ( Green, Violet, Orange, Teal, Fuchsia etc) to default on load the project. Do the below changes in the Admin/templates/partials/main.html.twig file. Make sure to click on Reset Layouts button in the customizer popup in order to apply the changes.

Default Colors

data-colors="default"

Green Colors

data-colors="green"

Violet Colors

data-colors="violet"

Orange Colors

data-colors="orange"

Teal Colors

data-colors="teal"

Fuchsia Colors

data-colors="fuchsia"

Lime Colors

data-colors="lime"

Amber Colors

data-colors="amber"

Change Default (Primary) Color

You can easily customize the default color to create a fresh and stunning appearance across your project. Changing the color in one place will quickly update it throughout, ensuring consistency and saving time. Update $primary variable in the Admin/assets/scss/_variables.scss file.

$primary:       $blue; // Added custom color

Use Custom Primary Palette Colors

You can easily customize the primary color to create a fresh and stunning appearance across your project. Changing the color in one place will quickly update it throughout, ensuring consistency and saving time. Update in the Admin/assets/scss/custom/mixin/_primary-colors.scss file.

//color themes
$primary-color-variations: (
    "green":    #1acd81,
    "violet":   #8b5cf6,
    "orange":   #f04b1f,
    "teal":     #00bba7,
    "fuchsia":  #e12afb,
    "lime":     #84cc16,
    "amber":    #f59e0b,
);

Feel free to contact us via support if you are facing any issues. https://1.envato.market/domiex-bootstrap-admin-dashboard-support