Shadcn/UI Theme Override

Extension Tools9 users

Item media 1 (screenshot) for Shadcn/UI Theme Override

Item media 2 (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!

0 out of 5
No ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
1.0
Updated
April 8, 2025
Flag concern
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

Visual CSS Editor

4.0(174)

Customize any website visually.

SnipCSS

3.9(34)

Extract the CSS/HTML for any element on any page, only take the styles you want

Custom CSS by Denis

4.6(62)

Minimal and secure way to add custom CSS per-domain

Dark Theme Force Maker

3.8(5)

A tool to force dark mode on websites that do not support it by applying custom CSS.

Dark Mode

3.6(2.1K)

A global dark theme for the web.

Dark Mode - Dark Reader for Chrome

4.6(55)

Simple dark mode for Google Chrome. Switch all websites to dark mode as desired. Take care of your eyes by the night theme.

Dark Theme - Dark mode for Chrome

4.3(4.8K)

Dark mode switch any websites to dark theme. Take care of your eyes day using a classic dark reader or change screen brightness.

Dark Theme for Google Chrome

4.7(12)

Dark Theme can switch any webpage to dark theme mode so you take care of your eyes day or night using a dark theme.

Page Color Inverter

3.0(2)

Invert the colors of any webpage for a darker browsing experience.

Dark Mode for All Websites

4.6(9)

Enable dark mode on any websites

Adjust Page Brightness

4.1(173)

Control your browser's global screen brightness to use sites that do not support the native dark theme

Custom Dark Mode

3.6(14)

Customize your dark mode for the web!