Item logo image for Shadcn/UI Theme Override

Shadcn/UI Theme Override

ExtensionTools21 users
Item media 3 (screenshot) for Shadcn/UI Theme Override
Item media 1 (screenshot) for Shadcn/UI Theme Override
Item media 2 (screenshot) for Shadcn/UI Theme Override
Item media 3 (screenshot) for Shadcn/UI Theme Override
Item media 1 (screenshot) for Shadcn/UI Theme Override
Item media 1 (screenshot) for Shadcn/UI Theme Override
Item media 2 (screenshot) for Shadcn/UI Theme Override
Item media 3 (screenshot) for Shadcn/UI Theme Override

Overview

Override global CSS styles for websites using shadcn/ui

# Shadcn/UI Theme Override Customize any website using Shadcn/UI with your own themes! This extension lets you override the default Shadcn/UI CSS variables to completely transform the look and feel of websites built with this popular UI library. ## Features: • Create and save multiple custom themes • Apply themes instantly without page reloads • Visual preview of each theme's light and dark mode • Export themes for sharing or backup • Uses !important CSS flags to ensure your styles take priority ## Perfect For: • Developers testing their own Shadcn/UI themes • Users who want a more personalized experience • Anyone who prefers different color schemes or needs better contrast • Designers creating and testing theme variations Simply paste your CSS variables following the Shadcn/UI format, save your theme, and toggle it on! Your custom styles will override the default theme on any website using Shadcn/UI components. No coding experience required - just copy and paste CSS variables to create beautiful themes!

Details

  • Version
    1.0
  • Updated
    April 8, 2025
  • Size
    13.16KiB
  • Languages
    English
  • Developer
    Email
    brandonalmeda@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes
Google apps