From e0bc1b4d1ae0017ddb57f9d00dc66aec94a4b751 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Thu, 14 Dec 2023 21:27:54 +0100
Subject: [PATCH 1/3] Update blue and gray theme

---
 themes/list/blue.ts | 16 ++++++++--------
 themes/list/gray.ts | 32 ++++++++++++++++----------------
 2 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/themes/list/blue.ts b/themes/list/blue.ts
index b98c98d9..e5b73409 100644
--- a/themes/list/blue.ts
+++ b/themes/list/blue.ts
@@ -4,14 +4,14 @@ const tokens = {
   purple: {
     c50: "#aac5ff",
     c100: "#82a9ff",
-    c200: "#5988ec",
-    c300: "#4472d6",
-    c400: "#315ebf",
-    c500: "#284687",
-    c600: "#1f3564",
-    c700: "#18284a",
-    c800: "#111c34",
-    c900: "#0b1322"
+    c200: "#4681ff",
+    c300: "#1a63ff",
+    c400: "#054eec",
+    c500: "#083aa7",
+    c600: "#072c7c",
+    c700: "#06215d",
+    c800: "#041741",
+    c900: "#03102a"
   },
   shade: {
     c50: "#756790",
diff --git a/themes/list/gray.ts b/themes/list/gray.ts
index d5fc3d28..a0b9b742 100644
--- a/themes/list/gray.ts
+++ b/themes/list/gray.ts
@@ -2,16 +2,16 @@ import { createTheme } from "../types";
 
 const tokens = {
   purple: {
-    c50: "#d5b8f1",
-    c100: "#c096ea",
-    c200: "#a378cd",
-    c300: "#8d69b0",
-    c400: "#785998",
-    c500: "#57456a",
-    c600: "#41344e",
-    c700: "#31283a",
-    c800: "#221c29",
-    c900: "#16121b"
+    c50: "#aaafff",
+    c100: "#8288fe",
+    c200: "#5a62eb",
+    c300: "#454cd4",
+    c400: "#333abe",
+    c500: "#292d86",
+    c600: "#1f2363",
+    c700: "#191b4a",
+    c800: "#111334",
+    c900: "#0b0d22"
   },
   shade: {
     c50: "#7c7c7c",
@@ -38,13 +38,13 @@ const tokens = {
     c900: "#111111"
   },
   blue: {
-    c50: "#bfbfe4",
-    c100: "#9d9da8",
+    c50: "#ccccd6",
+    c100: "#a2a2a2",
     c200: "#868686",
-    c300: "#626265",
-    c400: "#484853",
-    c500: "#35353a",
-    c600: "#2d2d2f",
+    c300: "#646464",
+    c400: "#4e4e4e",
+    c500: "#383838",
+    c600: "#2e2e2e",
     c700: "#272727",
     c800: "#181818",
     c900: "#0f0f0f"

From 932726e143a3885095a5f36e0893fa5138163ac5 Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Thu, 14 Dec 2023 21:40:42 +0100
Subject: [PATCH 2/3] Update red theme

---
 themes/list/red.ts | 130 ++++++++++++++++++++++-----------------------
 1 file changed, 65 insertions(+), 65 deletions(-)

diff --git a/themes/list/red.ts b/themes/list/red.ts
index 1c599b9b..0d2eb6ac 100644
--- a/themes/list/red.ts
+++ b/themes/list/red.ts
@@ -2,40 +2,40 @@ import { createTheme } from "../types";
 
 const tokens = {
   purple: {
-    c50: "#aaffd5",
-    c100: "#82ffc0",
-    c200: "#59eca3",
-    c300: "#44d68d",
-    c400: "#31bf78",
-    c500: "#288757",
-    c600: "#1f6441",
-    c700: "#184a31",
-    c800: "#113422",
-    c900: "#0b2216"
+    c50: "#feabac",
+    c100: "#fe8385",
+    c200: "#ea5b5e",
+    c300: "#d34648",
+    c400: "#bd3436",
+    c500: "#852a2b",
+    c600: "#632021",
+    c700: "#49191a",
+    c800: "#331112",
+    c900: "#220c0c",
   },
   shade: {
-    c50: "#906771",
-    c100: "#7a525c",
-    c200: "#603f47",
-    c300: "#4f3239",
-    c400: "#41272d",
-    c500: "#321e23",
-    c600: "#28171b",
-    c700: "#221317",
-    c800: "#1b0f12",
-    c900: "#120a0c"
+    c50: "#9c605c",
+    c100: "#834d49",
+    c200: "#673b38",
+    c300: "#542f2c",
+    c400: "#452422",
+    c500: "#361c1a",
+    c600: "#2b1614",
+    c700: "#241210",
+    c800: "#1c0e0d",
+    c900: "#130909",
   },
   ash: {
-    c50: "#9b7f94",
-    c100: "#7b5b73",
-    c200: "#64445c",
-    c300: "#4e2b46",
-    c400: "#42203a",
-    c500: "#3c1c34",
-    c600: "#32172b",
-    c700: "#291324",
-    c800: "#20101c",
-    c900: "#160c15"
+    c50: "#a17a79",
+    c100: "#815656",
+    c200: "#684040",
+    c300: "#512829",
+    c400: "#441e1e",
+    c500: "#3e1a1a",
+    c600: "#341615",
+    c700: "#2b1211",
+    c800: "#210f0f",
+    c900: "#170b0c",
   },
   blue: {
     c50: "#f5adb4",
@@ -47,8 +47,8 @@ const tokens = {
     c600: "#411b1f",
     c700: "#36171b",
     c800: "#201011",
-    c900: "#130b0c"
-  }
+    c900: "#130b0c",
+  },
 };
 
 export default createTheme({
@@ -57,22 +57,22 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50
+        secondary: tokens.shade.c50,
       },
 
       pill: {
         background: tokens.shade.c300,
         backgroundHover: tokens.shade.c200,
-        highlight: tokens.blue.c200
+        highlight: tokens.blue.c200,
       },
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300
+        accentB: tokens.blue.c300,
       },
 
       lightBar: {
-        light: tokens.blue.c400
+        light: tokens.blue.c400,
       },
 
       buttons: {
@@ -84,7 +84,7 @@ export default createTheme({
         purple: tokens.purple.c500,
         purpleHover: tokens.purple.c400,
         cancel: tokens.ash.c500,
-        cancelHover: tokens.ash.c300
+        cancelHover: tokens.ash.c300,
       },
 
       background: {
@@ -92,7 +92,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500
+        accentB: tokens.blue.c500,
       },
 
       type: {
@@ -102,14 +102,14 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50
+        linkHover: tokens.purple.c50,
       },
 
       search: {
         background: tokens.shade.c500,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100
+        icon: tokens.shade.c100,
       },
 
       mediaCard: {
@@ -120,12 +120,12 @@ export default createTheme({
         barColor: tokens.ash.c200,
         barFillColor: tokens.purple.c100,
         badge: tokens.shade.c700,
-        badgeText: tokens.ash.c100
+        badgeText: tokens.ash.c100,
       },
 
       largeCard: {
         background: tokens.shade.c600,
-        icon: tokens.purple.c400
+        icon: tokens.purple.c400,
       },
 
       dropdown: {
@@ -135,7 +135,7 @@ export default createTheme({
         text: tokens.shade.c50,
         secondary: tokens.shade.c100,
         border: tokens.shade.c400,
-        contentBackground: tokens.shade.c500
+        contentBackground: tokens.shade.c500,
       },
 
       authentication: {
@@ -144,7 +144,7 @@ export default createTheme({
         inputBgHover: tokens.shade.c500,
         wordBackground: tokens.shade.c500,
         copyText: tokens.shade.c100,
-        copyTextHover: tokens.ash.c50
+        copyTextHover: tokens.ash.c50,
       },
 
       settings: {
@@ -157,23 +157,23 @@ export default createTheme({
             inactive: tokens.shade.c50,
             icon: tokens.shade.c50,
             iconActivated: tokens.purple.c200,
-            activated: tokens.purple.c50
-          }
+            activated: tokens.purple.c50,
+          },
         },
 
         card: {
           border: tokens.shade.c400,
           background: tokens.shade.c400,
-          altBackground: tokens.shade.c400
+          altBackground: tokens.shade.c400,
         },
 
         saveBar: {
-          background: tokens.shade.c800
-        }
+          background: tokens.shade.c800,
+        },
       },
 
       utils: {
-        divider: tokens.ash.c300
+        divider: tokens.ash.c300,
       },
 
       errors: {
@@ -181,25 +181,25 @@ export default createTheme({
         border: tokens.ash.c500,
 
         type: {
-          secondary: tokens.ash.c100
-        }
+          secondary: tokens.ash.c100,
+        },
       },
 
       about: {
         circle: tokens.ash.c500,
-        circleText: tokens.ash.c50
+        circleText: tokens.ash.c50,
       },
 
       editBadge: {
         bg: tokens.ash.c500,
         bgHover: tokens.ash.c400,
-        text: tokens.ash.c50
+        text: tokens.ash.c50,
       },
 
       progress: {
         background: tokens.ash.c50,
         preloaded: tokens.ash.c50,
-        filled: tokens.purple.c200
+        filled: tokens.purple.c200,
       },
 
       video: {
@@ -207,17 +207,17 @@ export default createTheme({
 
         autoPlay: {
           background: tokens.ash.c700,
-          hover: tokens.ash.c500
+          hover: tokens.ash.c500,
         },
 
         scraping: {
           card: tokens.shade.c700,
           loading: tokens.purple.c200,
-          noresult: tokens.ash.c100
+          noresult: tokens.ash.c100,
         },
 
         audio: {
-          set: tokens.purple.c200
+          set: tokens.purple.c200,
         },
 
         context: {
@@ -236,17 +236,17 @@ export default createTheme({
 
           buttons: {
             list: tokens.ash.c700,
-            active: tokens.ash.c900
+            active: tokens.ash.c900,
           },
 
           closeHover: tokens.ash.c800,
 
           type: {
             secondary: tokens.ash.c200,
-            accent: tokens.purple.c200
-          }
-        }
-      }
-    }
-  }
+            accent: tokens.purple.c200,
+          },
+        },
+      },
+    },
+  },
 });

From a7ed3f60893b5c48c7aad6f74bdd0b845e307e6d Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Thu, 14 Dec 2023 21:43:12 +0100
Subject: [PATCH 3/3] Update red theme again

---
 themes/list/red.ts | 94 +++++++++++++++++++++++-----------------------
 1 file changed, 47 insertions(+), 47 deletions(-)

diff --git a/themes/list/red.ts b/themes/list/red.ts
index 0d2eb6ac..89614632 100644
--- a/themes/list/red.ts
+++ b/themes/list/red.ts
@@ -11,7 +11,7 @@ const tokens = {
     c600: "#632021",
     c700: "#49191a",
     c800: "#331112",
-    c900: "#220c0c",
+    c900: "#220c0c"
   },
   shade: {
     c50: "#9c605c",
@@ -23,19 +23,19 @@ const tokens = {
     c600: "#2b1614",
     c700: "#241210",
     c800: "#1c0e0d",
-    c900: "#130909",
+    c900: "#130909"
   },
   ash: {
-    c50: "#a17a79",
-    c100: "#815656",
-    c200: "#684040",
-    c300: "#512829",
-    c400: "#441e1e",
-    c500: "#3e1a1a",
-    c600: "#341615",
-    c700: "#2b1211",
-    c800: "#210f0f",
-    c900: "#170b0c",
+    c50: "#ac6e6f",
+    c100: "#8b4b4c",
+    c200: "#703739",
+    c300: "#572225",
+    c400: "#49191a",
+    c500: "#421617",
+    c600: "#371212",
+    c700: "#2e0e0f",
+    c800: "#230c0d",
+    c900: "#19090b"
   },
   blue: {
     c50: "#f5adb4",
@@ -47,8 +47,8 @@ const tokens = {
     c600: "#411b1f",
     c700: "#36171b",
     c800: "#201011",
-    c900: "#130b0c",
-  },
+    c900: "#130b0c"
+  }
 };
 
 export default createTheme({
@@ -57,22 +57,22 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50,
+        secondary: tokens.shade.c50
       },
 
       pill: {
         background: tokens.shade.c300,
         backgroundHover: tokens.shade.c200,
-        highlight: tokens.blue.c200,
+        highlight: tokens.blue.c200
       },
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300,
+        accentB: tokens.blue.c300
       },
 
       lightBar: {
-        light: tokens.blue.c400,
+        light: tokens.blue.c400
       },
 
       buttons: {
@@ -84,7 +84,7 @@ export default createTheme({
         purple: tokens.purple.c500,
         purpleHover: tokens.purple.c400,
         cancel: tokens.ash.c500,
-        cancelHover: tokens.ash.c300,
+        cancelHover: tokens.ash.c300
       },
 
       background: {
@@ -92,7 +92,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500,
+        accentB: tokens.blue.c500
       },
 
       type: {
@@ -102,14 +102,14 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50,
+        linkHover: tokens.purple.c50
       },
 
       search: {
         background: tokens.shade.c500,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100,
+        icon: tokens.shade.c100
       },
 
       mediaCard: {
@@ -120,12 +120,12 @@ export default createTheme({
         barColor: tokens.ash.c200,
         barFillColor: tokens.purple.c100,
         badge: tokens.shade.c700,
-        badgeText: tokens.ash.c100,
+        badgeText: tokens.ash.c100
       },
 
       largeCard: {
         background: tokens.shade.c600,
-        icon: tokens.purple.c400,
+        icon: tokens.purple.c400
       },
 
       dropdown: {
@@ -135,7 +135,7 @@ export default createTheme({
         text: tokens.shade.c50,
         secondary: tokens.shade.c100,
         border: tokens.shade.c400,
-        contentBackground: tokens.shade.c500,
+        contentBackground: tokens.shade.c500
       },
 
       authentication: {
@@ -144,7 +144,7 @@ export default createTheme({
         inputBgHover: tokens.shade.c500,
         wordBackground: tokens.shade.c500,
         copyText: tokens.shade.c100,
-        copyTextHover: tokens.ash.c50,
+        copyTextHover: tokens.ash.c50
       },
 
       settings: {
@@ -157,23 +157,23 @@ export default createTheme({
             inactive: tokens.shade.c50,
             icon: tokens.shade.c50,
             iconActivated: tokens.purple.c200,
-            activated: tokens.purple.c50,
-          },
+            activated: tokens.purple.c50
+          }
         },
 
         card: {
           border: tokens.shade.c400,
           background: tokens.shade.c400,
-          altBackground: tokens.shade.c400,
+          altBackground: tokens.shade.c400
         },
 
         saveBar: {
-          background: tokens.shade.c800,
-        },
+          background: tokens.shade.c800
+        }
       },
 
       utils: {
-        divider: tokens.ash.c300,
+        divider: tokens.ash.c300
       },
 
       errors: {
@@ -181,25 +181,25 @@ export default createTheme({
         border: tokens.ash.c500,
 
         type: {
-          secondary: tokens.ash.c100,
-        },
+          secondary: tokens.ash.c100
+        }
       },
 
       about: {
         circle: tokens.ash.c500,
-        circleText: tokens.ash.c50,
+        circleText: tokens.ash.c50
       },
 
       editBadge: {
         bg: tokens.ash.c500,
         bgHover: tokens.ash.c400,
-        text: tokens.ash.c50,
+        text: tokens.ash.c50
       },
 
       progress: {
         background: tokens.ash.c50,
         preloaded: tokens.ash.c50,
-        filled: tokens.purple.c200,
+        filled: tokens.purple.c200
       },
 
       video: {
@@ -207,17 +207,17 @@ export default createTheme({
 
         autoPlay: {
           background: tokens.ash.c700,
-          hover: tokens.ash.c500,
+          hover: tokens.ash.c500
         },
 
         scraping: {
           card: tokens.shade.c700,
           loading: tokens.purple.c200,
-          noresult: tokens.ash.c100,
+          noresult: tokens.ash.c100
         },
 
         audio: {
-          set: tokens.purple.c200,
+          set: tokens.purple.c200
         },
 
         context: {
@@ -236,17 +236,17 @@ export default createTheme({
 
           buttons: {
             list: tokens.ash.c700,
-            active: tokens.ash.c900,
+            active: tokens.ash.c900
           },
 
           closeHover: tokens.ash.c800,
 
           type: {
             secondary: tokens.ash.c200,
-            accent: tokens.purple.c200,
-          },
-        },
-      },
-    },
-  },
+            accent: tokens.purple.c200
+          }
+        }
+      }
+    }
+  }
 });