Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS

Light

how change default colors

hello,
In a Metronic theme, I'd want change the default colors: "primary", "warning", "danger" ,...etc, (same class name but different color), or possibly add others.

how can I do this?

Thanks

Valerio

Valerio Leonardis 1 year ago

Bootstrap 5 HTML

1 Answers

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Replies (1)

Nikki Author1 year ago

Hi,

You can customize the theme colors in src/sass/components/_variables.custom.scss then recompile your assets folder Gulp or Webpack.

Regards

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Text formatting options

Private reply Submit

Here's a how to add some HTML formatting to your comment:

<pre></pre> for JS codes block
<pre lang="html"></pre> for HTML code block
<pre lang="scss"></pre> for SCSS code block
<pre lang="php"></pre> for PHP code block
<code></code> for single line of code
<strong></strong> to make things bold
<em></em> to emphasize
<ul><li></li></ul> to make list
<ol><li></li></ol> to make ordered list
<h3></h3> to make headings
<a></a> for links
<img> to paste in an image
<blockquote></blockquote> to quote somebody
:)
:|
:(

Metronic

Go to Metronic Downloads License Guide & FAQ Purchase Metronic Refunds

Stay Connected With Us

The More We Learn, The More We Are Able To Innovate & To Develop

How about

a Custom Project ?

Since 2012, we have helped startups, blue chip companies and government agencies and successfully delivered over 120 custom projects.

Hire Experts

Secured payment by Paddle with