配色方案调整

themes/yilia/source-src/css/archive.scss

@@ -4,6 +4,7 @@
   padding-right: 60px;
   border-bottom: 1px solid #eee;
   background: $colorBg;
+  @extend %trans;
   &:first-child{
     margin-top: 30px;
   }
@@ -35,6 +36,7 @@
     padding:20px 0;
     border-bottom: 1px solid #eee;
     border-top: 1px solid #fff;
+    transition: border-color 0.2s ease-in;
     position: relative;
     &:first-child{
       border-top: none;
@@ -79,17 +81,10 @@
     min-height: 36px;
   }
   .article-meta{
-    position: relative;
-    float: right;
-    margin-top: -10px;
-    color: #555;
-    background: none;
-    text-align: right;
-    width: auto;
-    .article-date{
-      time{
-        color: $colorA;
-      }
+    position: absolute;
+    top: 10px;
+    .article-date time{
+      color: $colorA;
     }
     .archive-article-date, .article-tag-list{
       margin-right: 30px;
@@ -101,9 +96,6 @@
     }
     .archive-article-date{
       cursor: default;
-      font-size: 12px;
-      margin-bottom: 5px;
-      margin-top: -10px;
       margin-right: 0;
     }
     .article-category{

themes/yilia/source-src/css/article-main.scss

@@ -49,9 +49,6 @@
 }
 
 .article-meta{
-  width: 150px;
-  font-size: 14;
-  text-align: right;
   position: absolute;
   right: 0;
   top: 23px;
@@ -86,10 +83,6 @@
     }
   }
 }
-.article-info.info-on-right{
-	margin: 10px 0 0 0;
-	float: right;
-}
 .article-info-index.article-info{
 	padding-top: 20px;
 	margin: 30px $articlePadding 0 $articlePadding;

themes/yilia/source-src/css/mobile.scss

@@ -244,9 +244,6 @@ html, body, #container {
   top: -30px;
   color: #aaa;
 }
-.info-on-right{
-  float: initial;
-}
 .archives-wrap{
   margin: 10px 10px 0px;
   padding: 10px;

themes/yilia/source-src/css/night.scss

@@ -73,4 +73,8 @@ body.night {
     background: $mainBg_night;
     color: #bf7676;
   }
+  // 分类列表
+  .category-list li.category-list-item {
+    border-color: $borderColor_night;
+  }
 }

themes/yilia/source-src/css/page/categories.scss

@@ -5,8 +5,12 @@
     display: inline-block;
     margin: 0 1em .5em 0;
     padding: 4px;
-    border: 1px solid #d3d3d3;
+    border: 1px solid $colorBorder;
     font-size: 1.2rem;
+    @extend %trans;
+    &:hover {
+      background:rgba(204, 204, 204, 0.3);
+    }
   }
 }
 .category-count {
@@ -22,5 +26,21 @@
   a {
     margin: 0 20px;
     word-break: keep-all;
+    position: relative;
+    &:hover::before {
+      width: 100%;
+      left: 0;
+      right: auto;
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      width: 0;
+      right: 0;
+      bottom: 0;
+      height: 2px;
+      background: $colorLink;
+      transition: width .3s ease;
+    }
   }
 }

themes/yilia/source-src/css/tags.scss

@@ -39,38 +39,20 @@
       left: 2px;
     }  
   }
-  a.color1{
-    background:  #FF945C;
-    &::before{
-      border-right-color: #FF945C;  
-    }
-  }
-  a.color2{
-    background:  #cc8167;
-    &::before{
-      border-right-color: #cc8167;  
-    }
-  }
-  a.color3{
-    background:  #BA8F6C;
-    &::before{
-      border-right-color: #BA8F6C;  
-    }
-  }
-  a.color4{
-    background: #94635c;
-    &::before{
-      border-right-color:#94635c;  
-    }
-  }
-  a.color5{
-    background: #7B5D5F;
-    &::before{
-      border-right-color:#7B5D5F;  
+  // 标签背景色
+  $tagcolorlist: #88acdb #ffa07a #f08080 #76becc #918597 #6fc0e4 #bc8f8f;
+
+  @for $index from 1 to length($tagcolorlist)+1 {
+    a.color#{$index}{
+      background: nth($tagcolorlist,$index);
+      &::before{
+        border-right-color: nth($tagcolorlist,$index);  
+      }
     }
   }
 }
 
+
 .article-tag-list{
   .article-tag-list-item{
     float: left;