Shadcn/UI Theme Override

Extension Tools24 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
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

Dark Mode Toggle

0.0

Toggle dark mode for individual websites.

ExtractCSS

5.0

CSS extraction and Tailwind conversion for Chrome

HoverProCSS

5.0

Inspect, modify, & debug CSS styles in real-time on any website

CSS Override Extension

1.0

Override web page CSS with custom styles.

Dark Mode

3.6

A global dark theme for the web.

Dark Theme Force Maker

4.2

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

Adjust Page Brightness

4.0

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

Custom Dark Mode

3.8

Customize your dark mode for the web!

DarkSide

0.0

This extension forces a dark theme on all websites

Custom CSS by Denis

4.6

Minimal and secure way to add custom CSS per-domain

CSS To Tailwind

3.6

Convert a website's styles to Tailwind CSS classes

Website Theme Manager

2.3

Change your desired website's look! Choose your style from userstyles.org or write your own!