Merge branch 'master' into optapi

Author: vedansh-5

package.json

@@ -11,14 +11,24 @@
 		"check": "biome check .",
 		"fix": "biome lint --write"
 	},
-	"keywords": ["scrum", "google groups", "fossasia"],
+	"keywords": [
+		"scrum",
+		"google groups",
+		"fossasia"
+	],
 	"author": "hkedia321",
 	"license": "ISC",
 	"bugs": {
 		"url": "https://github.com/fossasia/scrum_helper/issues"
 	},
 	"homepage": "https://github.com/fossasia/scrum_helper",
 	"devDependencies": {
-		"@biomejs/biome": "1.9.4"
+		"@biomejs/biome": "1.9.4",
+		"autoprefixer": "^10.4.21",
+		"postcss": "^8.5.3",
+		"tailwindcss": "^4.1.4"
+	},
+	"dependencies": {
+		"@tailwindcss/cli": "^4.1.3"
 	}
 }

src/icons/light-mode.png

@@ -1,9 +1,12 @@
+@import "tailwindcss";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 body {
 	margin: 0;
 	padding: 0;
 	background-color: rgba(251, 251, 251, 0.6);
 }
-
 * {
 	box-sizing: border-box;
 }
@@ -50,20 +53,71 @@ li {
 	list-style-type: disc !important;
 	margin-left: 1rem;
 }
-.selectedLabel {
-	font-weight: 400;
-	color: #333333;
+
+body,input,div,h3,h4,p,label,hr, #scrumReport{
+	transition: all 0.3s ease-in-out;
+}
+
+.dark-mode { 
+	background: #1a1a1a !important;
+	color: #ffffff !important;
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.dark-mode .bg-white{
+	background-color: #2d2d2d !important;
+	border-color: #404040 !important;
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+
+.dark-mode input[type="text"],
+.dark-mode input[type="date"],
+.dark-mode #scrumReport {
+	background-color: #404040 !important;
+	border-color: #505050 !important;
+	color: #ffffff !important;
+	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+.dark-mode h3,
+.dark-mode h4,
+.dark-mode p,
+.dark-mode label {
+	color: #ffffff !important;
+	transition: color 0.3s ease-in-out;
+}
+
+.dark-mode hr {
+	border-color: #505050 !important;
+	transition: border-color 0.3s ease-in-out;
+}
+#scrumReport {
+	font-size: 13px !important; 
+	line-height: 1.5 !important; 
 }
 
-.unselectedLabel {
-	font-weight: 300; 
-	color: #666666; 
+#scrumReport b {
+	font-size: 13px !important; 
 }
 
-.selectedLabel, .unselectedLabel {
-	transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
+#scrumReport li {
+	font-size: 13px !important; 
+	margin-bottom: 4px !important; 
 }
 
+.dark-mode #scrumReport {
+	font-size: 13px !important;
+}
+
+.dark-mode #scrumReport b {
+	font-size: 13px !important;
+}
+
+.dark-mode #scrumReport li {
+	font-size: 13px !important;
+}
+
+.dark-mode a {
+	color: #00b7ff !important;
+}
 .refresh-btn {
     transition: all 0.3s ease;
     position: relative;
@@ -94,26 +148,3 @@ li {
 @keyframes spin {
     100% { transform: rotate(360deg); }
 }
-
-#scrumReport {
-    border: 1px solid #ccc;
-    padding: 10px;
-    min-height: 200px;
-    max-height: 400px;
-    overflow-y: auto;
-    background-color: white;
-}
-
-#scrumReport:focus {
-    outline: none;
-    border-color: #26a69a;
-}
-
-#scrumReport a {
-    color: #26a69a;
-    text-decoration: none;
-}
-
-#scrumReport a:hover {
-    text-decoration: underline;
-}

src/icons/night-mode.png

@@ -31,6 +31,13 @@
   "content_security_policy": {
     "extension_pages": "script-src 'self'; object-src 'self';"
   },
+  "web_accessible_resources": [{
+    "resources": [
+      "/icons/night-mode.png",
+      "icons/night-mode.png"
+    ],
+    "matches": ["<all_urls>"]
+  }],
   "permissions": [
     "tabs",
     "storage",