real grey theme

static/index.html

@@ -11,11 +11,16 @@
   <title>闭社简化版</title>
   <style>
     body {
-      background: linear-gradient(-45deg, #fff calc(50% - 1px), #eee calc(50%), #fff calc(50% + 1px) );
+      background: linear-gradient(-45deg, #fff calc(50% - 1px), #d0d0d0 calc(50%), #fff calc(50% + 1px) );
       background-size: 6px 5px;
       font-family: 'Noto Sans SC', sans-serif;
     }
 
+    body.grey {
+      background: #707070;
+      background-size: 6px 5px;
+    }
+
     body,
     pre {
       font-family: 'Noto Sans SC', sans-serif;
@@ -60,8 +65,8 @@
       margin: 5px 5px 20px;
     }
 
-    .qbox.qbox-grey {
-      background: #eee;
+    body.grey #statuses-list .qbox {
+      background: #b0b0b0;
     }
 
     .new .qbox {
@@ -80,6 +85,10 @@
       border-radius: 0;
     }
 
+    body.grey #statuses-list .qbox textarea {
+      background: #b0b0b0;
+    }
+
     .qbox .content {
       margin: 15px 5px;
     }
@@ -170,7 +179,7 @@
 
     <div class="part2" id="part2">
       <h1>本站</h1>
-      <button class="btn btn-link grey_theme">降低亮度</button>
+      <button class="btn btn-link grey_theme">切换亮度</button>
       <div id="statuses-list">
       </div>
       <span id="loading-span">加载中..</span>
@@ -392,9 +401,7 @@
     }
   
     $('.grey_theme').click((e) => {
-      $('#statuses-list .qbox').css("background", "#b0b0b0");
-      $('body').css("background", "#909090");
-      $('#statuses-list textarea').css("background", "#b0b0b0")
+      $('body').toggleClass("grey");
     });
 
 });