简化代码，增加样式，readme

README.md

@@ -2,30 +2,30 @@
 
 ## 主题介绍
 
-[purple.css](purple.css) 是紫色调：
+`purple.css` 和 `purple-classic.css` 是2 种紫色调：
+
+![purple.css](./ScreenShots/0.png)
 
 ![purple.css](./ScreenShots/1.png)
 
-[purple-plain.css](purple-plain.css) 是 ~~黑长直~~ 黑色调
+`purple-plain.css` 是 ~~黑长直~~ 简约黑色调
 
 ![purple-plain.css](./ScreenShots/2.png)
 
-## 关于字体
-
-1. 标题使用衬线(Serif)字体，比如：[EB Garamond](https://fonts.google.com/specimen/EB+Garamond?preview.text_type=custom)
-2. 正文使用非衬线(Sans)字体，比如：Mac/Ubuntu/Windows 系统字体，[Helvetica Neue](https://freefontsdownload.net/free-helveticaneue-font-74318.htm)等
-3. 代码使用等宽字体，比如：[JetBrains Mono](https://www.jetbrains.com/lp/mono/)
+`purple-blue.css` 是 ~~女仆~~ 简约蓝色调
 
-## 更多效果：
+![](./ScreenShots/3.png)
 
-![3](./ScreenShots/3.png)
+`purple-green.css` 是 ~~大葱~~ 简约绿色调
 
-![4](./ScreenShots/4.png)
+![](./ScreenShots/4.png)
 
-![5](./ScreenShots/5.png)
+## 关于字体
 
-![6](./ScreenShots/6.png)
+1. 标题使用衬线(Serif)字体，比如：[EB Garamond](https://fonts.google.com/specimen/EB+Garamond?preview.text_type=custom)
+2. 正文使用非衬线(Sans)字体，比如：Mac/Ubuntu/Windows 系统字体，[Helvetica Neue](https://freefontsdownload.net/free-helveticaneue-font-74318.htm)等
+3. 代码使用等宽字体，比如：[JetBrains Mono](https://www.jetbrains.com/lp/mono/)
 
-![7](./ScreenShots/7.png)
+## 关于自定义
 
-![8](./ScreenShots/8.png)
+可以很容易自定义喜欢的色调，只需要 copy 任一 `purpe-xxx.css`，在其中修改或添加配置即可

purple-blue.css

@@ -0,0 +1,21 @@
+@import "./purple.css";
+
+:root {
+  --title-color: #444444;
+  --link-color: #337ab7;
+  --code-color: #0072be;
+}
+
+blockquote {
+  border-left: 0.3rem solid #eee;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+  color: var(--text-color);
+}

purple-classic.css

@@ -0,0 +1,6 @@
+@import "./purple.css";
+
+:root {
+  --link-color: #745fb5;
+  --code-color: #ff79c6;
+}

purple-green.css

@@ -0,0 +1,21 @@
+@import "./purple.css";
+
+:root {
+  --title-color: #444444;
+  --link-color: #2aa899;
+  --code-color: #2aa899;
+}
+
+blockquote {
+  border-left: 0.3rem solid #eee;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+  color: var(--text-color);
+}

purple-plain.css

@@ -2,10 +2,12 @@
 
 :root {
   --title-color: #444444;
-  --select-text-bg-color: #dae3ea;
+  --link-color: #444444;
+  --code-color: #222222;
 }
-pre {
-  --select-text-bg-color: #dae3ea;
+
+blockquote {
+  border-left: 0.3rem solid #eee;
 }
 
 h1,
@@ -18,31 +20,7 @@ h6 {
   color: var(--text-color);
 }
 
-/* inline code */
-#write code,
-tt {
-  color: #333333;
-}
-
-#write .md-footnote {
-  color: #333333;
-}
-
-/* 引用 */
-blockquote {
-  border-left: 0.2rem solid #eee;
-}
-
 /* 链接 */
-a {
-  color: var(--text-color);
-  text-decoration: none;
-}
 #write a {
   border-bottom: 1px solid #bbb;
 }
-#write a:hover {
-  border-bottom: 1px solid var(--text-color);
-  color: var(--text-color);
-  text-decoration: none;
-}