[Feature] Add Darkmode 🌚 (wg-easy#13)

part_2 for version 12
BanHammerYKT · Dec 1, 2023 · de9eebd · de9eebd
2 parents 6e7f8d5 + 3257d22
commit de9eebd
Show file tree

Hide file tree

Showing 10 changed files with 2,564 additions and 204 deletions.
diff --git a/src/package-lock.json b/src/package-lock.json
diff --git a/src/package.json b/src/package.json
@@ -7,7 +7,8 @@
   "scripts": {
     "serve": "DEBUG=Server,WireGuard nodemon server.js",
     "serve-with-password": "PASSWORD=wg npm run serve",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "buildcss": "npx tailwindcss -i ./www/src/css/app.css -o ./www/css/app.css --watch"
   },
   "author": "Emile Nijssen",
   "license": "GPL",
@@ -21,7 +22,8 @@
   },
   "devDependencies": {
     "eslint": "^8.53.0",
-    "eslint-config-athom": "^3.1.1"
+    "eslint-config-athom": "^3.1.1",
+    "tailwindcss": "^3.3.5"
   },
   "nodemonConfig": {
     "ignore": [

diff --git a/src/tailwind.config.js b/src/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+
+'use strict';
+
+module.exports = {
+  darkMode: 'class',
+  content: ['./www/**/*.{html,js}'],
+};