Add more theme color options

我把原本的按钮只是切换两个颜色变成有弹窗询问要什么颜色。

Author: chlorophyllnot

.idea/.gitignore

@@ -5,6 +5,13 @@
     padding: 0;
     margin: 0;
 }
+.color-picker-popup {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;  /* 确保弹窗位于页面最上层 */
+}
 
 body {
     font-family: 'Playfair Display', serif;

.idea/Beautiify_A2.iml

@@ -7,6 +7,13 @@
     --light: #f7f26c;
     --dark: #f50414;
 }
+.color-picker-popup {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;  /* 确保弹窗位于页面最上层 */
+}
 
 * {
     margin: 0;

.idea/checkstyle-idea.xml

@@ -3,6 +3,13 @@
     margin: 0;
     box-sizing: border-box;
 }
+.color-picker-popup {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 9999;  /* 确保弹窗位于页面最上层 */
+}
 
 body {
     background-image: url(../images/bg3.png);

.idea/misc.xml

@@ -60,19 +60,35 @@ body {
     background-color: grey;
     border: 2px solid black;
 }
-
+.blue-mode .contributors .heading-box {
+    background-color: #1a2a4a; /* 更深的蓝色背景 */
+    border: 2px solid #3a5fcd; /* 亮蓝色边框 */
+}
+.yellow-mode .contributors .heading-box {
+    background-color: yellow;
+    border: 2px solid yellowgreen;
+}
 .dark-mode .contributors .heading-box:after {
     border-top-color: grey;
 }
-
+.blue-mode .contributors .heading-box:after {
+    border-top-color: blue;
+}
+.yellow-mode .contributors .heading-box:after {
+    border-top-color: yellow;
+}
 .dark-mode .contributors .heading {
     color: white;
 }
-
+.blue-mode .contributors .heading {
+    color: white;
+}
 .dark-mode .contributors .heading:hover {
     color: lightgrey;
 }
-
+.blue-mode .contributors .heading:hover {
+    color: lightgrey;
+}
 .contributors {
     margin: 0;
     padding: 0;
@@ -81,12 +97,21 @@ body {
 .dark-mode .contributors h1 {
     color: beige;
 }
-
+.blue-mode .contributors h1 {
+    color: beige;
+}
 .dark-mode header.header2 {
     background-image: none;
     background-color: black;
 }
-
+.blue-mode header.header2 {
+    background-image: none;
+    background-color: blue;
+}
+.yellow-mode header.header2 {
+    background-image: none;
+    background-color: yellow;
+}
 #contributor {
     margin-top: 10px;
     display: flex;