creativetimofficial / argon-dashboard

Argon - Dashboard for Bootstrap 5 by Creative Tim
https://www.creative-tim.com/product/argon-dashboard
MIT License
674 stars 1.26k forks source link

How to change background sir? #41

Open bagaskaraarya12 opened 4 years ago

bagaskaraarya12 commented 4 years ago

Prerequisites

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

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.

Failure Logs

Please include any relevant log snippets or files here.

rarestoma commented 4 years ago

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 commented 3 years ago

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 commented 3 years ago

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