From 887949ed8ad1081ab5abfeea3e81ed8d43e12d52 Mon Sep 17 00:00:00 2001
From: Jorrin <jorrinkievit@hotmail.com>
Date: Sat, 9 Mar 2024 00:41:18 +0100
Subject: [PATCH] fix lint

---
 apps/expo/src/components/player/Header.tsx |  2 +-
 apps/expo/src/components/ui/Button.tsx     |  2 +-
 apps/expo/src/components/ui/Searchbar.tsx  |  2 +-
 tooling/tailwind/themes/all.ts             | 11 +---
 tooling/tailwind/themes/index.ts           |  6 +-
 tooling/tailwind/themes/list/blue.ts       | 74 +++++++++++-----------
 tooling/tailwind/themes/list/gray.ts       | 74 +++++++++++-----------
 tooling/tailwind/themes/list/red.ts        | 74 +++++++++++-----------
 tooling/tailwind/themes/list/teal.ts       | 74 +++++++++++-----------
 9 files changed, 157 insertions(+), 162 deletions(-)

diff --git a/apps/expo/src/components/player/Header.tsx b/apps/expo/src/components/player/Header.tsx
index 9966444..ac0dbdc 100644
--- a/apps/expo/src/components/player/Header.tsx
+++ b/apps/expo/src/components/player/Header.tsx
@@ -29,7 +29,7 @@ export const Header = () => {
               )
             : ""}
         </Text>
-        <View className="flex h-12 w-36 flex-row items-center justify-center gap-2 space-x-2 rounded-full bg-secondary-300 px-4 py-2 opacity-80">
+        <View className="bg-secondary-300 flex h-12 w-36 flex-row items-center justify-center gap-2 space-x-2 rounded-full px-4 py-2 opacity-80">
           <Image source={Icon} className="h-6 w-6" />
           <Text className="font-bold">movie-web</Text>
         </View>
diff --git a/apps/expo/src/components/ui/Button.tsx b/apps/expo/src/components/ui/Button.tsx
index 5b87946..c80f904 100644
--- a/apps/expo/src/components/ui/Button.tsx
+++ b/apps/expo/src/components/ui/Button.tsx
@@ -13,7 +13,7 @@ const buttonVariants = cva(
     variants: {
       variant: {
         default: "bg-primary-300",
-        outline: "border border-primary-400 bg-transparent",
+        outline: "border-primary-400 border bg-transparent",
         secondary: "bg-secondary-300",
       },
       size: {
diff --git a/apps/expo/src/components/ui/Searchbar.tsx b/apps/expo/src/components/ui/Searchbar.tsx
index 33c7a72..ad1dc55 100644
--- a/apps/expo/src/components/ui/Searchbar.tsx
+++ b/apps/expo/src/components/ui/Searchbar.tsx
@@ -28,7 +28,7 @@ export function SearchBar({
   };
 
   return (
-    <View className="mb-6 mt-4 flex-row items-center rounded-full border border-primary-400 bg-black focus-within:border-primary-300">
+    <View className="border-primary-400 focus-within:border-primary-300 mb-6 mt-4 flex-row items-center rounded-full border bg-black">
       <View className="ml-1 w-12 items-center justify-center">
         <FontAwesome5
           name="search"
diff --git a/tooling/tailwind/themes/all.ts b/tooling/tailwind/themes/all.ts
index f59aac8..f24d545 100644
--- a/tooling/tailwind/themes/all.ts
+++ b/tooling/tailwind/themes/all.ts
@@ -1,11 +1,6 @@
-import teal from "./list/teal";
 import blue from "./list/blue";
-import red from "./list/red";
 import gray from "./list/gray";
+import red from "./list/red";
+import teal from "./list/teal";
 
-export const allThemes = [
-  teal,
-  blue,
-  gray,
-  red
-]
+export const allThemes = [teal, blue, gray, red];
diff --git a/tooling/tailwind/themes/index.ts b/tooling/tailwind/themes/index.ts
index 04b121b..9bd8c42 100644
--- a/tooling/tailwind/themes/index.ts
+++ b/tooling/tailwind/themes/index.ts
@@ -4,6 +4,6 @@ export { defaultTheme } from "./default";
 export { allThemes } from "./all";
 
 export const safeThemeList = allThemes
-  .flatMap(v=>v.selectors)
-  .filter(v=>v.startsWith("."))
-  .map(v=>v.slice(1)); // remove dot from selector
+  .flatMap((v) => v.selectors)
+  .filter((v) => v.startsWith("."))
+  .map((v) => v.slice(1)); // remove dot from selector
diff --git a/tooling/tailwind/themes/list/blue.ts b/tooling/tailwind/themes/list/blue.ts
index 4266b3c..78932d2 100644
--- a/tooling/tailwind/themes/list/blue.ts
+++ b/tooling/tailwind/themes/list/blue.ts
@@ -11,7 +11,7 @@ const tokens = {
     c600: "#072c7c",
     c700: "#06215d",
     c800: "#041741",
-    c900: "#03102a"
+    c900: "#03102a",
   },
   shade: {
     c50: "#756790",
@@ -23,7 +23,7 @@ const tokens = {
     c600: "#1d1728",
     c700: "#181322",
     c800: "#130f1b",
-    c900: "#0d0a12"
+    c900: "#0d0a12",
   },
   ash: {
     c50: "#7f859b",
@@ -35,7 +35,7 @@ const tokens = {
     c600: "#171d32",
     c700: "#131829",
     c800: "#101420",
-    c900: "#0c0f16"
+    c900: "#0c0f16",
   },
   blue: {
     c50: "#adb4f5",
@@ -47,8 +47,8 @@ const tokens = {
     c600: "#1b1f41",
     c700: "#171b36",
     c800: "#101120",
-    c900: "#0b0c13"
-  }
+    c900: "#0b0c13",
+  },
 };
 
 export default createTheme({
@@ -57,7 +57,7 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50
+        secondary: tokens.shade.c50,
       },
 
       pill: {
@@ -70,11 +70,11 @@ export default createTheme({
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300
+        accentB: tokens.blue.c300,
       },
 
       lightBar: {
-        light: tokens.blue.c400
+        light: tokens.blue.c400,
       },
 
       buttons: {
@@ -86,7 +86,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: {
@@ -94,7 +94,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500
+        accentB: tokens.blue.c500,
       },
 
       modal: {
@@ -108,7 +108,7 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50
+        linkHover: tokens.purple.c50,
       },
 
       search: {
@@ -116,7 +116,7 @@ export default createTheme({
         hoverBackground: tokens.shade.c600,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100
+        icon: tokens.shade.c100,
       },
 
       mediaCard: {
@@ -127,12 +127,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: {
@@ -142,7 +142,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: {
@@ -151,7 +151,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: {
@@ -164,23 +164,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: {
@@ -188,25 +188,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: {
@@ -214,17 +214,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: {
@@ -243,17 +243,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,
+          },
+        },
+      },
+    },
+  },
 });
diff --git a/tooling/tailwind/themes/list/gray.ts b/tooling/tailwind/themes/list/gray.ts
index bf37f20..6eb9ee6 100644
--- a/tooling/tailwind/themes/list/gray.ts
+++ b/tooling/tailwind/themes/list/gray.ts
@@ -11,7 +11,7 @@ const tokens = {
     c600: "#1f2363",
     c700: "#191b4a",
     c800: "#111334",
-    c900: "#0b0d22"
+    c900: "#0b0d22",
   },
   shade: {
     c50: "#7c7c7c",
@@ -23,7 +23,7 @@ const tokens = {
     c600: "#202020",
     c700: "#1a1a1a",
     c800: "#151515",
-    c900: "#0e0e0e"
+    c900: "#0e0e0e",
   },
   ash: {
     c50: "#8d8d8d",
@@ -35,7 +35,7 @@ const tokens = {
     c600: "#252525",
     c700: "#1e1e1e",
     c800: "#181818",
-    c900: "#111111"
+    c900: "#111111",
   },
   blue: {
     c50: "#ccccd6",
@@ -47,8 +47,8 @@ const tokens = {
     c600: "#2e2e2e",
     c700: "#272727",
     c800: "#181818",
-    c900: "#0f0f0f"
-  }
+    c900: "#0f0f0f",
+  },
 };
 
 export default createTheme({
@@ -57,7 +57,7 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50
+        secondary: tokens.shade.c50,
       },
 
       pill: {
@@ -70,11 +70,11 @@ export default createTheme({
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300
+        accentB: tokens.blue.c300,
       },
 
       lightBar: {
-        light: tokens.blue.c400
+        light: tokens.blue.c400,
       },
 
       buttons: {
@@ -86,7 +86,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: {
@@ -94,7 +94,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500
+        accentB: tokens.blue.c500,
       },
 
       modal: {
@@ -108,7 +108,7 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50
+        linkHover: tokens.purple.c50,
       },
 
       search: {
@@ -116,7 +116,7 @@ export default createTheme({
         hoverBackground: tokens.shade.c600,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100
+        icon: tokens.shade.c100,
       },
 
       mediaCard: {
@@ -127,12 +127,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: {
@@ -142,7 +142,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: {
@@ -151,7 +151,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: {
@@ -164,23 +164,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: {
@@ -188,25 +188,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: {
@@ -214,17 +214,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: {
@@ -243,17 +243,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,
+          },
+        },
+      },
+    },
+  },
 });
diff --git a/tooling/tailwind/themes/list/red.ts b/tooling/tailwind/themes/list/red.ts
index 5b6fcb4..67fa5b0 100644
--- a/tooling/tailwind/themes/list/red.ts
+++ b/tooling/tailwind/themes/list/red.ts
@@ -11,7 +11,7 @@ const tokens = {
     c600: "#632021",
     c700: "#49191a",
     c800: "#331112",
-    c900: "#220c0c"
+    c900: "#220c0c",
   },
   shade: {
     c50: "#9c605c",
@@ -23,7 +23,7 @@ const tokens = {
     c600: "#2b1614",
     c700: "#241210",
     c800: "#1c0e0d",
-    c900: "#130909"
+    c900: "#130909",
   },
   ash: {
     c50: "#ac6e6f",
@@ -35,7 +35,7 @@ const tokens = {
     c600: "#371212",
     c700: "#2e0e0f",
     c800: "#230c0d",
-    c900: "#19090b"
+    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,7 +57,7 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50
+        secondary: tokens.shade.c50,
       },
 
       pill: {
@@ -70,11 +70,11 @@ export default createTheme({
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300
+        accentB: tokens.blue.c300,
       },
 
       lightBar: {
-        light: tokens.blue.c400
+        light: tokens.blue.c400,
       },
 
       buttons: {
@@ -86,7 +86,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: {
@@ -94,7 +94,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500
+        accentB: tokens.blue.c500,
       },
 
       modal: {
@@ -108,7 +108,7 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50
+        linkHover: tokens.purple.c50,
       },
 
       search: {
@@ -116,7 +116,7 @@ export default createTheme({
         hoverBackground: tokens.shade.c600,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100
+        icon: tokens.shade.c100,
       },
 
       mediaCard: {
@@ -127,12 +127,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: {
@@ -142,7 +142,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: {
@@ -151,7 +151,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: {
@@ -164,23 +164,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: {
@@ -188,25 +188,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: {
@@ -214,17 +214,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: {
@@ -243,17 +243,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,
+          },
+        },
+      },
+    },
+  },
 });
diff --git a/tooling/tailwind/themes/list/teal.ts b/tooling/tailwind/themes/list/teal.ts
index ea0f132..619156c 100644
--- a/tooling/tailwind/themes/list/teal.ts
+++ b/tooling/tailwind/themes/list/teal.ts
@@ -11,7 +11,7 @@ const tokens = {
     c600: "#1f4464",
     c700: "#18334a",
     c800: "#112434",
-    c900: "#0b1822"
+    c900: "#0b1822",
   },
   shade: {
     c50: "#677c90",
@@ -23,7 +23,7 @@ const tokens = {
     c600: "#172028",
     c700: "#131a22",
     c800: "#0f151b",
-    c900: "#0a0e12"
+    c900: "#0a0e12",
   },
   ash: {
     c50: "#7f9b9b",
@@ -35,7 +35,7 @@ const tokens = {
     c600: "#173232",
     c700: "#132929",
     c800: "#102020",
-    c900: "#0c1615"
+    c900: "#0c1615",
   },
   blue: {
     c50: "#adf5d6",
@@ -47,8 +47,8 @@ const tokens = {
     c600: "#1b4130",
     c700: "#173629",
     c800: "#102019",
-    c900: "#0b1310"
-  }
+    c900: "#0b1310",
+  },
 };
 
 export default createTheme({
@@ -57,7 +57,7 @@ export default createTheme({
     colors: {
       themePreview: {
         primary: tokens.blue.c200,
-        secondary: tokens.shade.c50
+        secondary: tokens.shade.c50,
       },
 
       pill: {
@@ -70,11 +70,11 @@ export default createTheme({
 
       global: {
         accentA: tokens.blue.c200,
-        accentB: tokens.blue.c300
+        accentB: tokens.blue.c300,
       },
 
       lightBar: {
-        light: tokens.blue.c400
+        light: tokens.blue.c400,
       },
 
       buttons: {
@@ -86,7 +86,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: {
@@ -94,7 +94,7 @@ export default createTheme({
         secondary: tokens.shade.c600,
         secondaryHover: tokens.shade.c400,
         accentA: tokens.purple.c500,
-        accentB: tokens.blue.c500
+        accentB: tokens.blue.c500,
       },
 
       modal: {
@@ -108,7 +108,7 @@ export default createTheme({
         divider: tokens.ash.c500,
         secondary: tokens.ash.c100,
         link: tokens.purple.c100,
-        linkHover: tokens.purple.c50
+        linkHover: tokens.purple.c50,
       },
 
       search: {
@@ -116,7 +116,7 @@ export default createTheme({
         hoverBackground: tokens.shade.c600,
         focused: tokens.shade.c400,
         placeholder: tokens.shade.c100,
-        icon: tokens.shade.c100
+        icon: tokens.shade.c100,
       },
 
       mediaCard: {
@@ -127,12 +127,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: {
@@ -142,7 +142,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: {
@@ -151,7 +151,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: {
@@ -164,23 +164,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: {
@@ -188,25 +188,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: {
@@ -214,17 +214,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: {
@@ -243,17 +243,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,
+          },
+        },
+      },
+    },
+  },
 });