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

assets/css/_schemes/Pisces/_header.scss

@@ -0,0 +1,35 @@
+.site-brand-container {
+  background: var(--theme-color);
+
+  .site-nav-on & {
+    @include tablet-mobile() {
+      box-shadow: 0 0 16px rgba(0, 0, 0, .5);
+    }
+  }
+}
+
+.site-meta {
+  padding: 20px 0;
+}
+
+.brand {
+  padding: 0;
+}
+
+.site-subtitle {
+  margin: 10px 10px 0;
+}
+
+.site-nav-toggle, .site-nav-right {
+  @include tablet() {
+    @include flex-column();
+  }
+
+  .toggle {
+    color: white;
+
+    .toggle-line {
+      background: white;
+    }
+  }
+}

assets/css/_schemes/Pisces/_layout.scss

@@ -0,0 +1,54 @@
+.header-inner {
+  background: var(--content-bg-color);
+  border-radius: $border-radius-inner;
+  box-shadow: $box-shadow-inner;
+  width: $sidebar-desktop;
+
+  @include tablet-mobile() {
+    border-radius: initial;
+    width: auto;
+  }
+}
+
+.main {
+  // Make sure that .header and .main-inner are the same height
+  // Required for .sidebar `position: sticky;`
+  align-items: stretch;
+  display: flex;
+  justify-content: space-between;
+  @include main-container();
+
+  @if hexo-config('sidebar.position') == 'right' {
+    flex-direction: row-reverse;
+  }
+
+  @include tablet-mobile() {
+    display: block;
+    width: auto;
+  }
+}
+
+.main-inner {
+  border-radius: $border-radius-inner;
+  box-sizing: border-box;
+  width: $content-wrap;
+
+  @include tablet-mobile() {
+    border-radius: initial;
+    width: 100%;
+  }
+}
+
+.footer-inner {
+  @if hexo-config('sidebar.position') == 'right' {
+    padding-right: $sidebar-desktop + $sidebar-offset;
+  } @else {
+    padding-left: $sidebar-desktop + $sidebar-offset;
+  }
+
+  @include tablet-mobile() {
+    padding-left: 0;
+    padding-right: 0;
+    width: auto;
+  }
+}

assets/css/_schemes/Pisces/_menu.scss

@@ -0,0 +1,46 @@
+.site-nav {
+  @include tablet() {
+    @include site-nav-hide-by-default();
+  }
+}
+
+.menu .menu-item {
+  display: block;
+  margin: 0;
+
+  a {
+    padding: 5px 20px;
+    position: relative;
+    text-align: left;
+    transition-property: background-color;
+  }
+
+  @include tablet-mobile() {
+    &.menu-item-search {
+      display: none;
+    }
+  }
+
+  .badge {
+    background: $grey-light;
+    border-radius: 10px;
+    color: var(--content-bg-color);
+    float: right;
+    padding: 2px 5px;
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
+  }
+}
+
+@if not hexo-config('menu_settings.badges') {
+  .main-menu .menu-item-active::after {
+    background: $grey;
+    border-radius: 50%;
+    content: ' ';
+    height: 6px;
+    margin-top: -3px;
+    position: absolute;
+    right: 15px;
+    top: 50%;
+    width: 6px;
+  }
+}

assets/css/_schemes/Pisces/_sidebar.scss

@@ -0,0 +1,92 @@
+.sidebar {
+  margin-top: $sidebar-offset;
+  // https://caniuse.com/css-sticky
+  position: -webkit-sticky;
+  position: sticky;
+  top: $sidebar-offset;
+  width: $sidebar-desktop;
+
+  @include tablet-mobile() {
+    display: none;
+  }
+
+  @if hexo-config('motion.enable') and hexo-config('motion.transition.sidebar') {
+    visibility: hidden;
+  }
+}
+
+.sidebar-toggle {
+  display: none;
+}
+
+.sidebar-inner {
+  background: var(--content-bg-color);
+  border-radius: $border-radius;
+  box-shadow: $box-shadow;
+  box-sizing: border-box;
+  color: var(--text-color);
+}
+
+.site-state-item {
+  padding: 0 10px;
+}
+
+.sidebar .sidebar-button {
+  border-bottom: 1px dotted $grey-light;
+  border-top: 1px dotted $grey-light;
+
+  button {
+    border: 0;
+    color: $orange;
+    display: block;
+    width: 100%;
+
+    &:hover {
+      background: none;
+      border: 0;
+      color: darken($orange, 20%);
+    }
+  }
+}
+
+.links-of-author {
+  @include flex-wrap();
+}
+
+.links-of-author-item {
+  @include sidebar-inline-links-item();
+
+  @if not hexo-config('social_icons.icons_only') {
+    width: 50%;
+  }
+
+  a {
+    border-bottom: 0;
+    border-radius: 4px;
+    display: block;
+
+    &:hover {
+      background: var(--body-bg-color);
+    }
+  }
+}
+
+.links-of-blogroll-item {
+  @if hexo-config('links_settings.layout') == 'inline' {
+    display: inline-block;
+    max-width: 100%;
+    @include sidebar-inline-links-item();
+  }
+}
+
+@if hexo-config('back2top.sidebar') {
+  // Only when back2top.sidebar is true, apply the following styles
+  .back-to-top {
+    background: var(--body-bg-color);
+    margin: 8px - $sidebar-offset -10px -18px;
+
+    &.back-to-top-on {
+      margin-top: 16px;
+    }
+  }
+}

assets/css/_schemes/Pisces/_sub-menu.scss

@@ -0,0 +1,28 @@
+.sub-menu {
+  margin: 0;
+  padding: 6px 0;
+
+  .menu-item {
+    display: inline-block;
+
+    a {
+      background: transparent;
+      margin: 5px 10px;
+      padding: initial;
+
+      &:hover {
+        background: transparent;
+        color: $sidebar-highlight;
+      }
+    }
+  }
+
+  .menu-item-active {
+    border-bottom-color: $sidebar-highlight;
+    color: $sidebar-highlight;
+
+    &:hover {
+      border-bottom-color: $sidebar-highlight;
+    }
+  }
+}

assets/css/_schemes/Pisces/index.scss

@@ -0,0 +1,30 @@
+@import '_layout';
+@import '_header';
+@import '_menu';
+@import '_sub-menu';
+@import '_sidebar';
+
+.main-inner {
+  background: var(--content-bg-color);
+  box-shadow: $box-shadow-inner;
+  padding: $content-desktop-padding;
+
+  @include tablet-mobile() {
+    padding: 20px;
+  }
+}
+
+// Sub-menu(s).
+.sub-menu {
+  border-bottom: 1px solid $table-border-color;
+}
+
+.post-block:first-of-type {
+  padding-top: 40px;
+}
+
+.pagination {
+  @include mobile() {
+    margin-bottom: 10px;
+  }
+}