How to change background sir?

[bagaskaraarya12]

Prerequisites

Please answer the following questions for yourself before submitting an issue.

• I am running the latest version
• I checked the documentation and found no answer
• I checked to make sure that this issue has not already been filed
• I'm reporting the issue to the correct repository (for multi-repository projects)

Expected Behavior

Please describe the behavior you are expecting

Current Behavior

What is the current behavior?

Failure Information (for bugs)

Please help provide information about the failure if this is a bug. If it is not a bug, please remove the rest of this template.

Steps to Reproduce

Please provide detailed steps for reproducing the issue.

1. step 1
2. step 2
3. you get it...

Context

Please provide any relevant information about your setup. This is important in case the issue is not reproducible except for under certain conditions.

• Device:
• Operating System:
• Browser and Version:

Failure Logs

Please include any relevant log snippets or files here.

[rarestoma]

Hi @bagaskaraarya12 ,

Thank you for working with our products.

Can you please tell me more about this issue? Which backround do you want to change? The whole background or just for the sidebar/navbar/etc?

Thank you,
Rares

[khooz]

Hi @rarestoma ,
A guide on how to traverse the scss files would be nice and appreciated. I am looking for definitions of bg-default (for instance) or bg-gradient-info and I can't find it through searching for the word in those files, which means you have used class name mixing. They're vital for branding and in fact, any class contributing to colors for that matter is important.
Thanks.

[rarestoma]

Hi @khooz,

Thank you for working with our products.

You can change the main colors from assets/scss/custom/_variables.scss. There are defined the main colors and you can attribute them any color you need:

$default:       #172b4d !default;
$primary:       #5e72e4 !default;
$secondary:     #f7fafc !default;
$success:       $green !default;
$info:          $teal !default;
$warning:       $orange !default;
$danger:        $red !default;

I hope it helps.

Thank you,
Rares