color problem
After we download the program from Themeforest. The colors in the assets\cssstyle.bundle.css file do not match the colors in the https://preview.keenthemes.com/html/metronic/docs/ document. It causes a lot of troubles. Can it be solved?
For example, in the program: --bs-primary: #009ef7;
And in the help document: --bs-primary: #1B84FF;
Replies (6)
Hi,
Please note that each Metronic demo comes with its own theme colors according to the demo's unique style and design. The docs use general theme colors.
If you want to change the demo colors you can override them in: src/sass/components/_variables.scss
With:
// Bootstrap color system
$white: #ffffff;
// Theme colors
// Primary
$primary: #009ef7;
$primary-active: #0095e8;
$primary-light: #f1faff;
$primary-light-dark: #212e48;
$primary-inverse: $white;
// Success
$success: #50cd89;
$success-active: #47be7d;
$success-light: #e8fff3;
$success-light-dark: #1c3238;
$success-inverse: $white;
// Info
$info: #7239ea;
$info-active: #5014d0;
$info-light: #f8f5ff;
$info-light-dark: #2f264f;
$info-inverse: $white;
// Danger
$danger: #f1416c;
$danger-active: #d9214e;
$danger-light: #fff5f8;
$danger-light-dark: #3a2434;
$danger-inverse: $white;
// Warning
$warning: #ffc700;
$warning-active: #f1bc00;
$warning-light: #fff8dd;
$warning-light-dark: #392f28;
$warning-inverse: $white;Regards.
Regards.
I'm not trying to change any colors.
But for example. I'm at https://preview.keenthemes.com/html/metronic/docs/base/buttons
The color of Primary is: #009ef7
The Primary color in the program I downloaded is: 1B84FF
I want the help documentation I see to be consistent with the content in the downloader
Hi,
This is the nature of Metronic where the core documentation comes with default colors and the rest of the actual demos use their color settings according to unique design concepts. This approach works for almost all users so far.
However, you can refer to the docs base component reference and skeleton while the demos utilize their unique colors which are 100% customizable.
Regards.
Because my English is not very good. There is a problem with expression.
Regardless of the program I downloaded, demo1-demo64, their Primary Color is: #1B84FF
The help document is all #009ef7. I'm not saying there's something wrong with your program or anything. I just hope that what I can see when comparing is consistent.
In other words, the colors in your help document can be demonstrated according to the colors of the demo.
Hi,
Thanks for your explanation. Noted and we will consider this in a future update.
Regards.
