fix: builds failing and css failing to load in frontend

.postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

.postcssrc.json

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "tailwindcss": {}
+  }
+}

package.json

@@ -49,6 +49,7 @@
     "sass": "^1.85.1",
     "sass-loader": "^16.0.5",
     "semver": "^7.7.1",
+    "tailwindcss": "3.4.11",
     "url": "^0.11.4"
   },
   "dependencies": {
@@ -60,7 +61,7 @@
     "@codemirror/state": "^6.5.2",
     "@codemirror/view": "^6.36.4",
     "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/postcss": "^4.0.12",
     "@tailwindcss/vite": "^4.0.12",
     "@tsconfig/svelte": "^5.0.4",
@@ -89,13 +90,12 @@
     "million": "^3.1.11",
     "motion": "^12.4.12",
     "postcss": "^8.5.3",
-    "react": "^19.0.0",
+    "react": "17",
-    "react-best-gradient-color-picker": "^3.0.14",
+    "react-best-gradient-color-picker": "3.0.11",
-    "react-dom": "^19.0.0",
+    "react-dom": "17",
     "rss-parser": "^3.13.0",
     "sortablejs": "^1.15.6",
     "svelte": "^5.22.6",
-    "tailwindcss": "^4.0.12",
     "typescript": "^5.8.2",
     "uuid": "^11.1.0",
     "vite": "^6.2.1",

src/SEQTA.ts

@@ -3046,10 +3046,10 @@ export async function SendNewsPage() {
   ;(titlediv! as HTMLElement).innerText = "News"
   AppendLoadingSymbol("newsloading", "#news-container")
 
-  const response = await browser.runtime.sendMessage({
+  const response = (await browser.runtime.sendMessage({
     type: "sendNews",
     source: settingsState.newsSource,
-  })
+  })) as any
   const newscontainer = document.querySelector("#news-container")
   document.getElementById("newsloading")?.remove()
 

src/interface/index.css

@@ -1,6 +1,4 @@
 @import './components/ColourPicker.css';
-@import "tailwindcss";
-
 
 @tailwind base;
 @tailwind components;

src/interface/main.ts

@@ -19,6 +19,6 @@ export default function renderSvelte(
   style.setAttribute("type", "text/css")
   style.innerHTML = styles
   mountPoint.appendChild(style)
-
+  
   return app
 }

src/manifests/manifest.json

@@ -32,7 +32,7 @@
   ],
   "web_accessible_resources": [
     {
-      "resources": ["*://*/*"],
+      "resources": ["*/*"],
       "matches": ["*://*/*"]
     },
     {

vite.config.ts

@@ -1,8 +1,6 @@
 import { defineConfig } from 'vite';
 import { join, resolve } from 'path';
 
-import tailwindcss from '@tailwindcss/vite'
-
 import { updateManifestPlugin } from './lib/patchPackage';
 import { base64Loader } from './lib/base64loader';
 import type { BuildTarget } from './lib/types';
@@ -32,7 +30,6 @@ export default defineConfig(({ command }) => ({
   plugins: [
     base64Loader,
     react(),
-    tailwindcss(),
     svelte({
       emitCss: false
     }),