{colorString}
-
+
);
}
diff --git a/apps/web/components/palette/six-thirty-ten-palette.tsx b/apps/web/components/palette/six-thirty-ten-palette.tsx
index 7e805a6..cb43d46 100644
--- a/apps/web/components/palette/six-thirty-ten-palette.tsx
+++ b/apps/web/components/palette/six-thirty-ten-palette.tsx
@@ -5,13 +5,9 @@ import {
useColorStore,
useSiteSettingsStore,
} from "@/store/store";
-import { BaseColorTypes, ColorValue } from "@/types/app";
-import { AnimatePresence, useReducedMotion } from "framer-motion";
+import { BaseColorTypes } from "@/types/app";
import React, { memo, useEffect, useState } from "react";
-import { useTheme } from "next-themes";
import { cn } from "@ui/lib/utils";
-import { motion } from "framer-motion";
-import { textAnimation } from "@/lib/animation";
const getColorNames = async (colors: string[]) => {
const data = await fetch("/api/color-names", {
@@ -27,9 +23,7 @@ const getColorNames = async (colors: string[]) => {
};
function SixtyThirtyTenPalettes({ className }: { className?: string }) {
const [colorNames, setColorNames] = useState(["", "", ""]);
- const { colorPalettes, baseColors } = useColorStore();
- const { performance } = useSiteSettingsStore();
- const shouldReduceMotion = useReducedMotion();
+ const { colorPalettes } = useColorStore();
useEffect(() => {
if (Object.values(colorPalettes).every((palette) => palette.length === 0)) {
@@ -46,23 +40,7 @@ function SixtyThirtyTenPalettes({ className }: { className?: string }) {
});
}, [colorPalettes]);
- const mainPalettes = Object.values(colorPalettes);
- const boxStyle = [
- "border-primary/10 text-primary/30 selection:bg-foreground/10 selection:text-primary contrast-more:text-foreground",
- "border-secondary/10 text-secondary-foreground/30 selection:bg-foreground/10 selection:text-secondary-foreground contrast-more:text-secondary-foreground",
- "border-accent/10 text-accent-foreground/30 selection:bg-foreground/10 selection:text-accent-foreground contrast-more:text-accent-foreground",
- "border-border/10 text-foreground/30 selection:bg-foreground/10 selection:text-foreground contrast-more:text-foreground",
- ];
- const animationDelay = (i: number) => {
- let springDelay = 0;
- switch (performance) {
- case Performance.low:
- springDelay = i;
- default:
- springDelay = Math.pow(1.8, i) - 0.6;
- }
- return 0.06 * 6 + springDelay * 0.06;
- };
+ const boxStyle = ["box-primary", "box-secondary", "box-accent", "box-border"];
return (