feat: support multi themes

shenxianpeng · shenxianpeng · commit 6163dbd3da55 · 2025-10-17T21:47:06.000+03:00
diff --git a/gitstats/gitstats.css b/gitstats/gitstats.css
@@ -6,6 +6,12 @@ body {
 	background-color: #ffffff;
 }
 
+#theme {
+	position: absolute;
+	top: 10px;
+	right: 10px;
+}
+
 dt {
 	font-weight: bold;
 	float: left;
diff --git a/gitstats/report_creator.py b/gitstats/report_creator.py
@@ -40,6 +40,7 @@ def create(self, data, path):
         basedir = os.path.dirname(os.path.abspath(__file__))
         for file in (
             conf["style"],
+            "script.js",
             "sortable.js",
             "arrow-up.gif",
             "arrow-down.gif",
@@ -930,6 +931,12 @@ def print_header(self, file) -> None:
 	<script type="text/javascript" src="sortable.js"></script>
 </head>
 <body>
+
+<select id="theme">
+  <option value="default">White</option>
+  <option value="green">Green</option>
+</select>
+<script type="text/javascript" src="script.js"></script>
 """
             % (self.title, conf["style"], get_version)
         )
diff --git a/gitstats/script.js b/gitstats/script.js
@@ -0,0 +1,43 @@
+const themeSelect = document.getElementById('theme');
+
+// Get the current theme from local storage
+const currentTheme = localStorage.getItem('theme');
+
+// If a theme is stored in local storage, apply it to the page
+if (currentTheme) {
+  document.body.style.color = getThemeColor(currentTheme);
+  document.body.style.backgroundColor = getThemeBackgroundColor(currentTheme);
+}
+
+// Add an event listener to the theme select element
+themeSelect.addEventListener('change', () => {
+  const theme = themeSelect.value;
+  // Store the selected theme in local storage
+  localStorage.setItem('theme', theme);
+  // Apply the selected theme to the page
+  document.body.style.color = getThemeColor(theme);
+  document.body.style.backgroundColor = getThemeBackgroundColor(theme);
+});
+
+// Helper functions to get the theme color and background color
+function getThemeColor(theme) {
+  switch (theme) {
+    case 'default':
+      return 'black';
+    case 'green':
+      return 'black';
+    default:
+      return 'black';
+  }
+}
+
+function getThemeBackgroundColor(theme) {
+  switch (theme) {
+    case 'default':
+      return '#ffffff';
+    case 'green':
+      return '#dfd';
+    default:
+      return '#ffffff';
+  }
+}
