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 (10)
The new version of the document still does not solve the problem
Hi,
The new version's docs and demo1 use the same colors. We have updated it accordingly. So now Demo 1 and <a href="https://preview.keenthemes.com/html/metronic/docs/base/buttons">Docs uses the same color set. Other demos may use their own color set according to their design and style. However Docs and synched with demo1's color set as demo1 is the main demo of Metronic.
However, you can set your own color set if the default set does not meet your requirements. Please note that we do not update the default color set to your preferred set as our design team's decision is to use this current set which is more suitable for the majority of users' requirements.
Regards.
Can you share the latest document with me?
Hi,
Sorry for the late reply.
We haven't synched the demo1 colors with the docs colors yet.
We will check it and try to update the online docs first and then provide you the offline version asap.
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.
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.
