The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Use colors of demo11 in demo1


Hello,
I want to use demo1
https://preview.keenthemes.com/metronic8/demo1/index.html

but i want to use the colors of demo11 in demo1

https://preview.keenthemes.com/metronic8/demo11/index.html

what can I do please ?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

What a fantastic guide on integrating colors from Demo11 into Demo1! I love the step-by-step approach you’ve taken. Have you considered including examples of how these color schemes impact user engagement? That could really enhance the practical application for developers snowrider


To effectively utilize colors from demo11 in demo1, analyze the color palette and strategically apply vibrant hues to enhance visual appeal. Remember the concepts of contrast and harmony; they are essential for an engaging design. For a refreshing break from design tasks, check out Funny Shooter 2 for some lighthearted fun between projects!



This is how I worked it :

Go to
\demo38\src\sass\components
Copy all variables.*.scss

Paste and replace the files in
\demo1\src\sass\components

Go to
demo1\tools

Run the following commands:
npm install --global gulp-cli

Local modules not found in ....
Try running: npm install

npm install
gulp --tasks
gulp clean
gulp compile


You may also need to edit some colors in
\demo38\src\sass\layout\_variables.custom.scss



Hi happy,

Great, that is the way. All the best your projects!

Regards,
Sean


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(