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/components/icons/layer-diagonal-icon.tsx

@@ -6,7 +6,7 @@ export const LayerDiagonalIcon: React.FC<Props> = ({
   width = "24",
   height = "24",
   className,
-  color = "#858E96",
+  color = "rgb(var(--color-text-200))",
 }) => (
   <svg
     width={width}