joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: Update CreateThemePage component to dynamically generate theme data

Browse Source
This commit is contained in:
Mauro Balades
2024-08-22 09:45:29 +02:00
parent ea897ffd2f
commit 1ebea3c12e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/create-theme.tsx
View File

@@ -129,10 +129,10 @@ export default function CreateThemePage() {
<div className="w-full lg:w-1/2 xl:w-1/2 mx-auto px-2 lg:px-none"> <div className="w-full lg:w-1/2 xl:w-1/2 mx-auto px-2 lg:px-none">
<h1 className="text-4xl lg:text-7xl font-bold">Create your theme</h1> <h1 className="text-4xl lg:text-7xl font-bold">Create your theme</h1>
<p className="text-lg opacity-40 mt-2">Create your own theme for Zen Browser and share it with the community.</p> <p className="text-lg opacity-40 mt-2">Create your own theme for Zen Browser and share it with the community.</p>
<div className="flex items-center mt-8"> <div className="text-xs text-muted-foreground mt-8">
<div className="text-sm text-muted-foreground">
If the color is chosen from the palette, the accent color will be set to the user's selection in the preferences. However, if the color is chosen from the color picker, the accent color will be the color selected. If the color is chosen from the palette, the accent color will be set to the user's selection in the preferences. However, if the color is chosen from the color picker, the accent color will be the color selected.
</div> </div>
<div className="flex items-center mt-2">
{COLORS.map((color) => ( {COLORS.map((color) => (
<div <div
key={color} key={color}