From e093302be0d0689a6432729bfda79fcead9d154b Mon Sep 17 00:00:00 2001
From: ThijmenGThN <mail@thijmenheuvelink.nl>
Date: Wed, 25 Oct 2023 16:50:59 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8D=B1=20Improved=20loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[locale]/Builder.tsx   | 4 ++--
 app/[locale]/Community.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/[locale]/Builder.tsx b/app/[locale]/Builder.tsx
index c21009c..b8e4566 100644
--- a/app/[locale]/Builder.tsx
+++ b/app/[locale]/Builder.tsx
@@ -4,7 +4,7 @@ import * as shade from '@/helpers/shade'
 
 export default function Builder() {
     const [hex, setHex] = useState<string>('#6644ff')
-    const [palette, setPalette] = useState<Array<string>>([])
+    const [palette, setPalette] = useState<Array<string>>(['#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5', '#d5d5d5'])
     const [object, setObject] = useState<string>('')
     const [copied, setCopied] = useState<boolean>(false)
 
@@ -87,7 +87,7 @@ export default function Builder() {
 
                             <div className="p-2 bg-white rounded-lg w-full ring-1 ring-inset ring-gray-900/10">
                                 <p className='font-semibold whitespace-pre-wrap' style={{ color: shade.contrast(hex, hex, '#000') }}>
-                                    {object}
+                                    {object || "#app, #main-content, body {\n  --primary-alt: #f0ecff !important;\n  --primary-10: #f0ecff !important;\n  --primary-25: #d9d0ff !important;\n  --primary-50: #b3a2ff !important;\n  --primary-75: #8c73ff !important;\n  --primary-90: #7557ff !important;\n\n  --primary: #6644ff !important;\n\n  --primary-110: #5c3de6 !important;\n  --primary-125: #4d33bf !important;\n  --primary-150: #332280 !important;\n  --primary-175: #1a1140 !important;\n  --primary-190: #0a071a !important;\n\n  --v-button-background-color: #6644ff !important;\n  --v-button-background-color-hover: #5c3de6 !important;\n  --sidebar-detail-color-active: #5c3de6 !important;\n}"}
                                 </p>
                             </div>
                         </div>
diff --git a/app/[locale]/Community.tsx b/app/[locale]/Community.tsx
index 94e3202..b88cc44 100644
--- a/app/[locale]/Community.tsx
+++ b/app/[locale]/Community.tsx
@@ -33,7 +33,7 @@ export default function Community() {
                                     </p>
                                 </div>
 
-                                <ul role="list" className="grid grid-cols-1 gap-4 mt-6 sm:grid-cols-2">
+                                <ul role="list" className="grid grid-cols-1 gap-4 mt-6 sm:grid-cols-2 h-10">
                                     {contributors.map((person) => (
                                         <li key={person.login}>
                                             <a href={person.html_url} target='_blank' rel="noreferrer">
@@ -60,7 +60,7 @@ export default function Community() {
                                     </p>
                                 </div>
 
-                                <ul className="flex isolate -space-x-2 overflow-hidden mt-6">
+                                <ul className="flex isolate -space-x-2 overflow-hidden mt-6 h-8">
                                     {stargazers.slice(0, 8).map((person) => (
                                         <li key={person.login}>
                                             <a href={person.html_url} target="_blank" rel="noreferrer">