feat: add new theming options

2023-12-29 12:28:43 -05:00
parent 9cfdb714c3
commit 6b28abc405
7 changed files with 355 additions and 207 deletions
@@ -101,12 +101,14 @@ export default function Index() {
  return (
    <MainLayout>
      <div
-        className="h-[60rem] p-5 flex gap-3 flex-col"
-        style={{
-          backgroundImage: `linear-gradient(${activeCollection?.color}20 10%, ${
-            settings.theme === "dark" ? "#262626" : "#f3f4f6"
-          } 13rem, ${settings.theme === "dark" ? "#171717" : "#ffffff"} 100%)`,
-        }}
+      className="h-[60rem] p-5 flex gap-3 flex-col"
+      style={{
+         backgroundImage: `linear-gradient(${activeCollection?.color}20 10%, ${
+            (settings.theme || "default-light").endsWith("-dark") ? "#262626" : "#f3f4f6"
+         } 13rem, ${
+            (settings.theme || "default-light").endsWith("-dark") ? "#171717" : "#ffffff"
+         } 100%)`,
+      }}
      >
        {activeCollection && (
          <div className="flex gap-3 items-start justify-between">