chore: update classnames according to the new theming structure (#1494)

* chore: store various shades of accent color

* refactor: custom theme selector

* refactor: custom theme selector

* chore: update custom theme input labels

* fix: color generator function logic

* fix: accent color preloaded data

* chore: new theming structure

* chore: update shades calculation logic

* refactor: variable names

* chore: update color scheming

* chore: new color scheming

* refactor: themes folder structure

* chore: update classnames to the new ones

* chore: update static colors

* chore: sidebar link colors

* chore: placeholder color

* chore: update border classnames

apps/app/constants/graph.ts

@@ -2,7 +2,7 @@
 import { Theme } from "@nivo/core";
 
 export const CHARTS_THEME: Theme = {
-  background: "rgb(var(--color-background-90))",
+  background: "transparent",
   textColor: "rgb(var(--color-text-200))",
   axis: {
     domain: {

apps/app/constants/inbox.ts

@@ -19,7 +19,7 @@ export const INBOX_STATUS = [
     key: "snoozed",
     label: "Snoozed",
     value: 0,
-    textColor: "text-brand-secondary",
+    textColor: "text-custom-text-200",
     bgColor: "bg-gray-500/10",
     borderColor: "border-gray-500",
   },
@@ -35,7 +35,7 @@ export const INBOX_STATUS = [
     key: "duplicate",
     label: "Duplicate",
     value: 2,
-    textColor: "text-brand-secondary",
+    textColor: "text-custom-text-200",
     bgColor: "bg-gray-500/10",
     borderColor: "border-gray-500",
   },