Fd/display name (#49)

* theme example: dark card updates * app: use display name, if available
nuonco · Jul 15, 2024 · 627afc3 · 627afc3
1 parent f54c4a1
commit 627afc3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -34,7 +34,9 @@ export default async function Home({ searchParams }) {
             apps.map((app) => (
               <Card className="p-6" key={app.id}>
                 <span>
-                  <h2 className="text-lg font-semibold mb-2">{app.name}</h2>
+                  <h2 className="text-lg font-semibold mb-2">
+                    {app.display_name ? app.display_name : app.name}
+                  </h2>
                   <p className="text-xs leading-relaxed">{app.description}</p>
                 </span>
 

diff --git a/theme.ts.example b/theme.ts.example
@@ -16,9 +16,9 @@ export default {
         "card-text-color": colors.white,
         "card-border-color": colors.black,
         "card-background": "rgb(255 255 255 / 5%)",
-        "card-text-color-dark": colors. black,
-        "card-border-color-dark": colors.black,
-        "card-background-dark": "rgb(0,0,0 / 5%)",
+        "card-text-color-dark": colors.white,
+        "card-border-color-dark": colors.white,
+        "card-background-dark": colors.black,
         "accordion-header-color": colors.black,
         "accordion-header-background": primary["500"],
         "accordion-header-active-color": colors.black,