replace tw colors with semantic colors [WIP]

2023-11-24 09:39:38 -05:00
parent 75d4fce8ec
commit a8172a9dbe
51 changed files with 166 additions and 170 deletions
@@ -10,19 +10,14 @@ type Props = {
 export default function dashboardItem({ name, value, icon }: Props) {
  return (
    <div className="flex gap-4 items-end">
-      <div className="p-4 bg-sky-500 bg-opacity-20 dark:bg-opacity-10 rounded-xl select-none">
-        <FontAwesomeIcon
-          icon={icon}
-          className="w-8 h-8 text-sky-500 dark:text-sky-500"
-        />
+      <div className="p-4 bg-primary bg-opacity-20 dark:bg-opacity-10 rounded-xl select-none">
+        <FontAwesomeIcon icon={icon} className="w-8 h-8 text-primary" />
      </div>
      <div className="flex flex-col justify-center">
        <p className="text-gray-500 dark:text-gray-400 text-sm tracking-wider">
          {name}
        </p>
-        <p className="font-thin text-6xl text-sky-500 dark:text-sky-500 mt-2">
-          {value}
-        </p>
+        <p className="font-thin text-6xl text-primary mt-2">{value}</p>
      </div>
    </div>
  );