From a7c3da89a115e31ce972e02b0d9373efcca62b3c Mon Sep 17 00:00:00 2001
From: Stephen Zhou <hi@hyoban.cc>
Date: Mon, 9 Oct 2023 21:56:24 +0800
Subject: [PATCH] chore: cleanup deprecated colors in tailwind (#1019)

* chore: cleanup deprecated colors in tailwind

* update deps
---
 package.json       | 2 +-
 pnpm-lock.yaml     | 8 ++++----
 tailwind.config.ts | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 2297e4ee..65e93d7b 100644
--- a/package.json
+++ b/package.json
@@ -202,7 +202,7 @@
     "prettier-package-json": "2.8.0",
     "prisma": "5.4.1",
     "tailwindcss": "3.3.3",
-    "tailwindcss-variable-colors": "0.0.1",
+    "tailwindcss-variable-colors": "0.0.2",
     "typescript": "5.2.2"
   },
   "engines": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d7812d04..7268e947 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -518,8 +518,8 @@ devDependencies:
     specifier: 3.3.3
     version: 3.3.3
   tailwindcss-variable-colors:
-    specifier: 0.0.1
-    version: 0.0.1(tailwindcss@3.3.3)
+    specifier: 0.0.2
+    version: 0.0.2(tailwindcss@3.3.3)
   typescript:
     specifier: 5.2.2
     version: 5.2.2
@@ -11181,8 +11181,8 @@ packages:
       tailwindcss: 3.3.3
     dev: false
 
-  /tailwindcss-variable-colors@0.0.1(tailwindcss@3.3.3):
-    resolution: {integrity: sha512-LcEwheZC0uCKDQk2nLMpxc9BL8HRtU0TBhXbGU+nasmXXTQXWO5YXCm/XyoRBzUYkRwkIbRiP3NH0jhOUoDwDA==}
+  /tailwindcss-variable-colors@0.0.2(tailwindcss@3.3.3):
+    resolution: {integrity: sha512-Cr5A2sNM4KgRF2FINv3gDoAP1jh/2UAh69DkVX/ri8OMvvT9zahGghqybMheVgsJ9IoHLF4xuZVb0ZuK+edsog==}
     peerDependencies:
       tailwindcss: '>=3.3.0'
     dependencies:
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 2e4a6785..3e9e2f01 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,9 +1,9 @@
 import { Config } from "tailwindcss"
 import {
   createVariableColors,
+  getDefaultColors,
   variableColorsPlugin,
 } from "tailwindcss-variable-colors"
-import { default as alwaysColor } from "tailwindcss/colors"
 
 import { addDynamicIconSelectors } from "@iconify/tailwind"
 
@@ -12,7 +12,7 @@ const config: Config = {
   safelist: ["icon-[mingcute--link-line]", "icon-[mingcute--copy-2-line]"],
   darkMode: ["class", "html.dark"],
   theme: {
-    colors: createVariableColors(alwaysColor),
+    colors: createVariableColors(),
     extend: {
       boxShadow: {
         modal: `rgb(0 0 0 / 20%) 0px 0px 1px, rgb(0 0 0 / 20%) 0px 20px 40px`,
@@ -24,7 +24,7 @@ const config: Config = {
         border: "var(--border-color)",
         accent: "var(--theme-color)",
         hover: "var(--hover-color)",
-        always: alwaysColor as any,
+        always: getDefaultColors() as any,
       },
       spacing: {
         sidebar: `240px`,
@@ -80,7 +80,7 @@ const config: Config = {
     require("tailwindcss-animate"),
     require("tailwind-scrollbar-hide"),
     addDynamicIconSelectors(),
-    variableColorsPlugin(alwaysColor),
+    variableColorsPlugin(),
   ],
 }