🎨 代码格式化

src/assets/css/anno-parser.css

@@ -6,25 +6,25 @@
  */
 
 .anno-body {
-  margin: 0 auto;
   width: 800px;
+  margin: 0 auto;
   font-family: var(--font-text);
 }
 
 .anno-title {
-  font-family: var(--font-title);
   color: var(--common-text-title);
+  font-family: var(--font-title);
   font-size: 24px;
 }
 
 .anno-subtitle {
-  font-size: 16px;
   color: var(--common-text-quote);
+  font-size: 16px;
 }
 
 .anno-img {
-  max-width: 100%;
   width: 800px;
+  max-width: 100%;
   height: auto;
   border-radius: 10px;
   margin-bottom: 10px;
@@ -46,13 +46,13 @@
 }
 
 .anno-content :deep(p) {
-  line-height: 2;
   color: #4b5366;
+  line-height: 2;
 }
 
 .anno-content :deep(details) {
-  border: #35acce 2px solid;
   padding: 10px;
+  border: #35acce 2px solid;
   border-radius: 10px;
   margin: 10px;
 }
@@ -71,6 +71,6 @@
 }
 
 .anno-content :deep(td) {
-  line-height: 2;
   padding-left: 10px;
+  line-height: 2;
 }

src/assets/css/post-parser.css

@@ -6,21 +6,21 @@
  */
 
 .mys-post-body {
-  margin: 0 auto;
   width: 800px;
-  font-family: var(--font-text);
+  margin: 0 auto;
   color: var(--post-default-text);
+  font-family: var(--font-text);
 }
 
 .mys-post-title {
-  font-family: var(--font-title);
   color: var(--common-text-title);
+  font-family: var(--font-title);
   font-size: 24px;
 }
 
 .mys-post-subtitle {
-  font-size: 16px;
   color: var(--common-text-quote);
+  font-size: 16px;
 }
 
 .mys-post-content {
@@ -41,8 +41,8 @@
 }
 
 :deep(.mys-post-details) {
-  border: #35acce 2px solid;
   padding: 10px;
+  border: #35acce 2px solid;
   border-radius: 10px;
 }
 
@@ -61,8 +61,8 @@
 }
 
 :deep(.mys-post-img) {
-  max-width: 100%;
   width: 800px;
+  max-width: 100%;
   height: auto;
   border-radius: 10px;
 }
@@ -74,31 +74,31 @@
 }
 
 :deep(.mys-post-iframe) {
+  overflow: hidden;
   width: 800px;
   height: 450px;
-  overflow: hidden;
   border: 0;
   border-radius: 10px;
 }
 
 :deep(.mys-post-link-card) {
+  display: flex;
   width: 800px;
   height: 200px;
   padding: 10px;
   border-radius: 10px;
-  display: flex;
   background: var(--content-bg-2);
 }
 
 :deep(.mys-post-unknown) {
   width: 800px;
+  padding: 10px;
+  border: 2px solid #485466;
+  border-radius: 10px;
+  margin: 10px auto;
   background: #5b738f;
   color: #faf7e8;
   font-family: Consolas, monospace;
-  border-radius: 10px;
-  padding: 10px;
-  margin: 10px auto;
-  border: 2px solid #485466;
 }
 
 :deep(.mys-post-link-card-cover) {
@@ -108,36 +108,36 @@
 }
 
 :deep(.mys-post-link-card-cover) img {
-  max-width: 400px;
   width: auto;
+  max-width: 400px;
   height: 180px;
   border-radius: 10px;
 }
 
 :deep(.mys-post-link-card-content) {
   width: 100%;
-  padding-left: 20px;
   height: 180px;
+  padding-left: 20px;
 }
 
 :deep(.mys-post-link-card-title) {
-  font-size: 20px;
-  font-family: Genshin, serif;
-  color: #546d8b;
   height: 150px;
+  color: #546d8b;
+  font-family: Genshin, serif;
+  font-size: 20px;
 }
 
 :deep(.mys-post-link-card-price) {
+  display: inline-block;
+  color: #ff6d6d;
   font-size: 20px;
   font-weight: bold;
-  color: #ff6d6d;
-  display: inline-block;
 }
 
 :deep(.mys-post-link-card-btn) {
   display: inline-block;
-  float: right;
-  color: #00c3ff;
   margin-right: 20px;
+  color: #00c3ff;
+  float: right;
   text-decoration: none;
 }

src/assets/index.css

@@ -39,13 +39,13 @@ html {
 }
 
 ::-webkit-scrollbar-track {
-  background: #faf7e8;
   border-radius: 5px;
+  background: #faf7e8;
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #686868;
   border-radius: 5px;
+  background: #686868;
 }
 
 ::-webkit-scrollbar-thumb:hover {
@@ -63,10 +63,10 @@ html {
 
 /* card action 内的按钮 */
 .card-btn {
-  background: #4a5366;
-  color: #ece5d8;
   border-radius: 50px;
   margin-left: 5px;
+  background: #4a5366;
+  color: #ece5d8;
 }
 
 .card-btn img {

src/assets/themes/dark.css

@@ -17,7 +17,7 @@ html.dark {
   --common-bg-1: #3d424b; /* 一级背景色 */
   --common-bgt-1: #faf7e8; /* 一级背景色对应的文本色 */
   --common-bg-2: #3b3d3b; /* button 背景色 */
-  --common-bgt-2: #faf7e8; /* button 背景色对应的文本色 */
+  --common-bgt-2: #fec90b; /* button 背景色对应的文本色 */
 
   /* text */
   --common-text-title: var(--common-color-white); /* title */

src/assets/themes/default.css

@@ -17,7 +17,7 @@ html.default {
   --common-bg-1: #faf7e8; /* 一级背景色 */
   --common-bgt-1: #3d424b; /* 一级背景色对应的文本色 */
   --common-bg-2: #fec90b; /* button 背景色 */
-  --common-bgt-2: #393b40; /* button 背景色对应的文本色 */
+  --common-bgt-2: #5b738f; /* button 背景色对应的文本色 */
 
   --common-text-title: #393b40; /* title */
   --common-text-content: var(--common-color-blue-2); /* text */