New archive page

_sass/klise/_base.scss

@@ -134,12 +134,13 @@ ul {
     text-align: -webkit-match-parent;
   }
   li::before {
-    content: "\03BB";
+    content: "\FE63";
     display: inline-block;
-    width: 1em;
+    top: -1px;
+    width: 1.2em;
     position: relative;
-    margin-left: -1em;
-    font-weight: $bold-weight;
+    margin-left: -1.3em;
+    font-weight: 700;
   }
 }
 

_sass/klise/_dark.scss

@@ -213,7 +213,7 @@ body[data-theme="dark"] {
     a.footer_item:not(:last-child) {
       color: $dark-white;
     }
-    .footer_theme-copyright {
+    .footer_copyright {
       color: $dark-gray;
       opacity: 1;
     }
@@ -235,4 +235,11 @@ body[data-theme="dark"] {
       color: $dark-text-link-blue-active;
     }
   }
+
+  .search-article {
+    input[type="search"] {
+      color: $dark-text-base-color;
+    }
+  }
+
 }

_sass/klise/_layout.scss

@@ -217,6 +217,7 @@
 
 // Content
 .posts-item-note {
+  font-size: $base-font-size;
   font-weight: 700;
   margin-bottom: 5px;
   color: $black;
@@ -246,11 +247,15 @@
 
   .post-item-title {
     margin: 0;
-    color: $text-base-color;
+    border: 0;
+    padding: 0;
+    font-size: $base-font-size;
     font-weight: normal;
     letter-spacing: 0.1px;
 
     a {
+      color: $text-base-color;
+
       &:hover,
       &focus {
         color: $black;
@@ -287,7 +292,7 @@
     }
   }
 
-  .footer_theme-copyright {
+  .footer_copyright {
     font-size: $small-font-size - 1;
     margin-top: 3px;
     display: block;
@@ -320,3 +325,47 @@
     color: $text-link-blue-active;
   }
 }
+
+
+.search-article {
+  position: relative;
+  margin-bottom: 50px;
+
+  label[for="search-input"] {
+    position: relative;
+    top: 10px;
+    left: 11px;
+  }
+
+  input[type="search"] {
+    border: 0;
+    top: 0;
+    left: 0;
+    position: absolute;
+    width: 100%;
+    border-radius: 5px;
+    padding: 10px 10px 10px 35px;
+    font-size: $base-font-size;
+    color: $text-base-color;
+    background-color: rgba(128, 128, 128, 0.1);
+    border: 1px solid rgba(128, 128, 128, 0.1);
+    outline: none;
+  }
+}
+
+#search-results {
+  text-align: center;
+  li {
+    text-align: left;
+  }
+}
+
+.archive-tags {
+  height: auto;
+  .tag-item {
+    padding: 1px 3px;
+    border-radius: 2px;
+    border: 1px solid rgba(128, 128, 128, 0.1);
+    background-color: rgba(128, 128, 128, 0.1);
+  }
+}

_sass/klise/_syntax.scss

@@ -16,16 +16,19 @@ code {
     top: -1px;
     background-color: #f6f6f6;
     border-radius: 2px;
+    border: 1px solid rgba(128,128,128,0.1);
   }
 }
 
 // Codeblock Theme
-pre.highlight {
+pre.highlight, pre {
   margin: 0 -27px;
   @include media-query($on-mobile) {
     margin: 0 calc(51% - 51vw);
     padding-left: 20px;
   }
+  border: 1px solid rgba(128,128,128,0.1);
+  background-color: #1a1b21;
   border-radius: 2px;
   padding: 10px;
   display: block;
@@ -53,12 +56,12 @@ pre.highlight {
 .highlight,
 .highlight .w {
   color: #fbf1c7;
-  background-color: #1a1b21;
+  // background-color: #1a1b21;
 }
 
 .highlight .err {
   color: #fb4934;
-  background-color: #1a1b21;
+  // background-color: #1a1b21;
   font-weight: bold;
 }