🏗️ First time sync the css & js files from hexo theme NexT

assets/css/_schemes/Mist/_header.scss

@@ -0,0 +1,56 @@
+// Header
+// --------------------------------------------------
+.header-inner {
+  align-items: center;
+  display: flex;
+  padding: 20px 0;
+
+  @include mobile() {
+    display: block;
+    padding: 10px 0;
+  }
+}
+
+.site-meta {
+  line-height: normal;
+
+  .brand {
+    padding: 2px 1px;
+
+    @include mobile() {
+      display: block;
+    }
+  }
+
+  .site-title {
+    font-weight: bolder;
+  }
+}
+
+.logo-line {
+  background: var(--brand-color);
+  display: block;
+  height: 2px;
+  margin: 0 auto;
+  width: 75%;
+
+  @include mobile() {
+    display: none;
+  }
+}
+
+.use-motion {
+  .logo-line:first-of-type {
+    transform: scaleX(0);
+    transform-origin: left;
+  }
+
+  .logo-line:last-of-type {
+    transform: scaleX(0);
+    transform-origin: right;
+  }
+}
+
+.site-subtitle {
+  display: none;
+}

assets/css/_schemes/Mist/_layout.scss

@@ -0,0 +1,43 @@
+// Tags
+// --------------------------------------------------
+hr {
+  height: 2px;
+  margin: 20px 0;
+}
+
+// Components
+// --------------------------------------------------
+.btn {
+  padding: 0 10px;
+}
+
+.headband {
+  display: none;
+}
+
+// Pagination
+// --------------------------------------------------
+.pagination {
+  text-align: left;
+
+  @include mobile() {
+    margin: 80px 0 0;
+    text-align: center;
+  }
+}
+
+// Footer
+// --------------------------------------------------
+.footer {
+  background: var(--content-bg-color);
+  color: var(--text-color);
+  padding: 10px 0;
+}
+
+.footer-inner {
+  text-align: left;
+
+  @include mobile() {
+    text-align: center;
+  }
+}

assets/css/_schemes/Mist/_menu.scss

@@ -0,0 +1,45 @@
+// Menu
+// --------------------------------------------------
+.site-nav {
+  flex-grow: 1;
+
+  @include mobile() {
+    padding: 0 10px 0;
+  }
+}
+
+.main-menu {
+  @include mobile() {
+    padding-top: 10px;
+  }
+}
+
+.menu {
+  padding: 0;
+
+  .menu-item {
+    margin: 0;
+
+    @include mobile() {
+      margin-top: 5px;
+    }
+
+    a {
+      border-radius: 2px;
+      padding: 0 10px;
+      transition-property: background;
+
+      @include mobile() {
+        text-align: left;
+      }
+    }
+
+    .badge {
+      background: white;
+      border-radius: 10px;
+      color: $black-light;
+      padding: 1px 4px;
+      text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
+    }
+  }
+}

assets/css/_schemes/Mist/_posts-expand.scss

@@ -0,0 +1,72 @@
+// Post Expand
+// --------------------------------------------------
+.posts-expand {
+  &.index {
+    .post-header {
+      text-align: left;
+
+      @include mobile() {
+        text-align: center;
+      }
+    }
+
+    .post-meta-container {
+      margin-top: 5px;
+    }
+
+    .post-meta {
+      justify-content: flex-start;
+
+      @include mobile() {
+        justify-content: center;
+      }
+    }
+  }
+
+  .post-eof {
+    display: none;
+  }
+
+  .post-block:not(:first-of-type) {
+    margin-top: 120px;
+  }
+
+  .post-header {
+    margin-bottom: 20px;
+  }
+
+  .post-tags {
+    text-align: left;
+
+    a {
+      background: var(--content-bg-color);
+      border-bottom: 0;
+      padding: 1px 5px;
+
+      &:hover {
+        background: var(--menu-item-bg-color);
+      }
+    }
+  }
+
+  .post-nav {
+    margin-top: 40px;
+  }
+}
+
+.post-button {
+  margin-top: 20px;
+  text-align: left;
+
+  .btn {
+    background: none;
+    border: 0;
+    border-bottom: 2px solid var(--btn-default-border-color);
+    padding: 0;
+    transition-property: border;
+
+    &:hover {
+      border-bottom-color: var(--btn-default-hover-border-color);
+    }
+  }
+}

assets/css/_schemes/Mist/index.scss

@@ -0,0 +1,10 @@
+//
+// Mist scheme
+// ==================================================
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_posts-expand';
+@import '../Muse/_layout';
+@import '../Muse/_sidebar';
+@import '../Muse/_sub-menu';