有沒有人知道如何用tailwind自定義NextJs中的明暗模式？我正在使用react-themes庫，但是它對于設置你的類的其余部分，使它們也基于主題改變顏色是非常模糊的。

以下是我所知道的:

@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body,
:root {
  height: 100%;
  background-color: var(--foreground);
}

[data-theme="dark"] {
  background-color: var(--background);
}

@layer base {
  :root {
    --background: "#0B0B45";
    --foreground: "white";
  }
}

當我點擊暗模式按鈕時，它會切換到黑色，但是它不使用我提供的顏色，而是使用暗灰色的默認顏色

有人知道附近有什么工作嗎？