diff --git a/docs/index.html b/docs/index.html
index d2b14837..0e54a3e6 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -234,6 +234,32 @@
         transform: rotate(2deg);
     }
 
+    /*黑色*/
+    .token.function,
+    .token.operator,
+    .token.class-name {
+        color: #2C3E50;
+    }
+
+    /*深蓝加粗*/
+    .token.keyword {
+        color: #124363;
+        font-weight: bold;   
+    }
+
+
+    /*浅蓝*/
+    .token.property,
+    .token.tag,
+    .token.boolean,
+    .token.number,
+    .token.function-name,
+    .token.constant,
+    .token.symbol,
+    .token.deleted {
+        color: #2980B9;
+    }
+
     .token.comment,
     .token.block-comment,
     .token.prolog,
@@ -246,28 +272,17 @@
         color: #5F6364;
     }
 
-    .token.property,
-    .token.tag,
-    .token.boolean,
-    .token.number,
-    .token.function-name,
-    .token.constant,
-    .token.symbol,
-    .token.deleted {
-        color: #c92c2c;
-    }
 
     .token.selector,
     .token.attr-name,
     .token.string,
     .token.char,
-    .token.function,
     .token.builtin,
     .token.inserted {
-        color: #2f9c0a;
+        color: #1ABC9C;
+        font-weight: bold;   
     }
 
-    .token.operator,
     .token.entity,
     .token.url,
     .token.variable {
@@ -276,9 +291,7 @@
     }
 
     .token.atrule,
-    .token.attr-value,
-    .token.keyword,
-    .token.class-name {
+    .token.attr-value {
         color: #1990b8;
     }