Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

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 (3)


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  :(