themes -> mods

src/components/create-theme.tsx

@@ -291,7 +291,7 @@ export default function CreateThemePage() {
 							<div className="ml-4 h-11 w-11 rounded-lg border bg-[var(--zen-dialog-background)]"></div>
 						</div>
 						<div className="text-md mt-8 font-bold text-muted-foreground">
-							Right now, we aren't taking more color themes for the browser,
+							Right now, we aren't taking more color Mods for the browser,
 							until we find a way to make it more accessible for everyone.
 							However, you can still create your own theme and share it with the
 							community.

src/components/features.tsx

@@ -98,7 +98,7 @@ export default function Features() {
 						<p className="mt-4 text-lg text-gray-600 dark:text-gray-300">
 							With Zen's Theme Store, you can customize your browsing experience
 							to reflect your unique style and preferences. Choose from a wide
-							array of themes, colors, and layouts to make Zen truly your own,
+							array of Mods, colors, and layouts to make Zen truly your own,
 							transforming your browser into a personalized digital space.
 						</p>
 						<div className="relative">

src/components/footer.tsx

@@ -40,7 +40,7 @@ export default function Footer() {
 						<h2 className="text-md font-bold opacity-80">Get Started</h2>
 						<ul className="mt-4 font-normal opacity-70">
 							<li>
-								<a href="/themes">Themes</a>
+								<a href="/themes">Mods</a>
 							</li>
 							<li className="mt-2">
 								<a href="/download">Download</a>

src/components/marketplace.tsx

@@ -17,9 +17,9 @@ export default function MarketplacePage({ themes }: { themes: ZenTheme[] }) {
 					className="h-fit min-w-52 text-xs text-muted-foreground lg:mb-0"
 					offsetTop={120}
 				>
-						<h1 className="text-4xl font-bold lg:text-7xl">Themes Store</h1>
+						<h1 className="text-4xl font-bold lg:text-7xl">Mods Store</h1>
 						<p className="mt-4 text-lg text-muted-foreground">
-							Discover and install themes for Zen Browser.
+							Discover and install Mods for Zen Browser.
 						</p>
 						<ThemesSearch
 							input={searchInput}

src/components/navigation.tsx

@@ -93,8 +93,8 @@ export function Navigation() {
 								<ListItem href="/download" title="Download">
 									Start using Zen Browser today with just a few clicks.
 								</ListItem>
-								<ListItem href="/themes" title="Themes Store">
-									Customize your browser with a variety of themes!
+								<ListItem href="/themes" title="Mods Store">
+									Customize your browser with a variety of Mods!
 								</ListItem>
 								<ListItem href="/release-notes" title="Release Notes">
 									Stay up to date with the latest changes.

src/components/themes-search.tsx

@@ -23,7 +23,7 @@ export default function ThemesSearch({
 					type="text"
 					value={input}
 					onChange={(e) => setInput(e.target.value)}
-					placeholder="Search themes"
+					placeholder="Search Mods"
 					className="w-full border-none bg-transparent text-black focus:border-none focus:outline-none focus:ring-0 dark:text-white"
 				/>
 				{/*