Limit colors and re-use tailwind config in desktop

crates/librqbit/webui/.gitignore

@@ -11,6 +11,8 @@ node_modules
 dist-ssr
 *.local
 
+dist/
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json

crates/librqbit/webui/dist/manifest.json

@@ -4,14 +4,14 @@
     "src": "assets/logo.svg"
   },
   "index.css": {
-    "file": "assets/index-8d563632.css",
+    "file": "assets/index-54ac219d.css",
     "src": "index.css"
   },
   "index.html": {
     "css": [
-      "assets/index-8d563632.css"
+      "assets/index-54ac219d.css"
     ],
-    "file": "assets/index-c39122a8.js",
+    "file": "assets/index-7c5fc47e.js",
     "isEntry": true,
     "src": "index.html"
   }

crates/librqbit/webui/src/components/modal/Modal.tsx

@@ -51,7 +51,7 @@ export const Modal: React.FC<ModalProps> = ({
       className="fixed z-[301] top-0 left-0 w-full h-full block overflow-x-hidden overflow-y-auto"
     >
       <div
-        className={`bg-white shadow-lg my-8 mx-auto max-w-2xl rounded ${className} dark:bg-slate-800 dark:text-zinc-50`}
+        className={`bg-white shadow-lg my-8 mx-auto max-w-2xl rounded ${className} dark:bg-slate-800 dark:text-gray-50`}
       >
         <ModalHeader onClose={onClose} title={title} />
         {children}

crates/librqbit/webui/src/rqbit-web.tsx

@@ -67,7 +67,7 @@ export const RqbitWebUI = (props: {
 
   return (
     <AppContext.Provider value={context}>
-      <div className="dark:bg-gray-900 dark:text-zinc-50 min-h-screen">
+      <div className="dark:bg-gray-900 dark:text-gray-200 min-h-screen">
         <Header title={props.title} />
         <div className="relative">
           {/* Menu buttons */}

crates/librqbit/webui/tailwind.config.js

@@ -1,5 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
-  darkMode: "class",
-};

crates/librqbit/webui/tailwind.config.ts

@@ -0,0 +1,21 @@
+import colors from "tailwindcss/colors";
+
+import type { Config } from "tailwindcss";
+
+export default {
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  darkMode: "class",
+  theme: {
+    colors: {
+      transparent: colors.transparent,
+      amber: colors.amber,
+      black: colors.black,
+      blue: colors.blue,
+      slate: colors.slate,
+      white: colors.white,
+      gray: colors.gray,
+      green: colors.green,
+      red: colors.red,
+    },
+  },
+} satisfies Config;

desktop/src-tauri/Cargo.lock

@@ -1867,7 +1867,7 @@ dependencies = [
 
 [[package]]
 name = "librqbit"
-version = "5.2.0"
+version = "5.3.0"
 dependencies = [
  "anyhow",
  "axum",
@@ -3012,7 +3012,7 @@ dependencies = [
 
 [[package]]
 name = "rqbit-desktop"
-version = "5.2.0"
+version = "5.3.0"
 dependencies = [
  "anyhow",
  "base64 0.21.5",

desktop/tailwind.config.js

@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    "./src/**/*.{js,ts,jsx,tsx,mdx}",
-    "../crates/librqbit/webui/src/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  darkMode: "class",
-};

desktop/tailwind.config.ts

@@ -0,0 +1,11 @@
+import rqbitWebTailwind from "../crates/librqbit/webui/tailwind.config";
+
+import type { Config } from "tailwindcss";
+
+export default {
+  ...rqbitWebTailwind,
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+    "../crates/librqbit/webui/src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+} satisfies Config;