The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Publish your color palette


In previous versions of Metronic you included a Color Palette page within the Demos. This would be very helpful to be able to see the colors all in one place. In particular, a number of the colors for buttons both for normal and hover state are not WCAG Accessible because the contrast is too low. Having a demo page would make this easier to test our customizations.


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


Hello,

Thank you for emphasizing the importance of a centralized Color Palette page—especially one that displays all states (default, hover, active). We completely agree that this plays a crucial role in maintaining visual consistency and ensuring WCAG accessibility compliance. In our experience with developing the website for Assetz Codename Altitude, maintaining optimal contrast ratios and brand alignment has been vital for presenting our luxury residential offerings.

Real estate websites like ours require a keen focus on visual precision—colors must not only represent the brand but also ensure readability and accessibility across multiple devices and varying lighting conditions. A dedicated palette demo would be an invaluable tool for testing and refining UI elements, particularly when dealing with custom design components in a premium development.

We strongly support the inclusion of this feature in future releases, as it would undoubtedly benefit both developers and designers in crafting more polished, accessible websites.

Warm regards,
Assetz Codename Altitude


 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment

how to reduce butt fat How To Decrease Butt Fat By Exercise For Men And Women At Home

how to reduce butt fat



Prestige Raintree Park is more than just a residential address — it’s a curated environment where thoughtful design meets everyday elegance. Tucked away on the vibrant Varthur Road in Whitefield, Bengaluru, this iconic project by Prestige Group spans 21 acres of landscaped serenity. With meticulously crafted 3, 4, and 5 BHK residences, the community blends open spaces, smart architecture, and premium amenities into one seamless living experience. From panoramic skywalks and lush gardens to world-class wellness and recreational zones, Prestige Raintree Park offers residents a life of comfort, connection, and quiet luxury in the heart of the city’s tech corridor.


 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
 
Deleted comment
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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.