format all files in _src/

.editorconfig

@@ -8,7 +8,7 @@ root = true
 end_of_line = lf
 insert_final_newline = true
 
-[*.{html,md,js,vue,es6,json}]
+[*.{html,md,js,vue,es6,json,css,scss}]
 charset = utf-8
 indent_style = space
 indent_size = 2

_src/styles/3-wave.scss

@@ -35,7 +35,7 @@ $spinkit-spinner-color: #333 !default;
     width: 6px;
     display: inline-block;
     animation: sk-waveStretchDelay $animationDuration infinite ease-in-out;
-    @include utils.dark{
+    @include utils.dark {
       background-color: bs.$body-secondary-color-dark;
     }
     &:not(:last-child) {
@@ -44,11 +44,21 @@ $spinkit-spinner-color: #333 !default;
   }
 
   @for $i from 1 through $rectCount {
-    .sk-rect#{$i} { animation-delay: - $animationDuration + calc($delayRange / ($rectCount - 1)) * ($i - 1); }
+    .sk-rect#{$i} {
+      animation-delay: -$animationDuration +
+        calc($delayRange / ($rectCount - 1)) *
+        ($i - 1);
+    }
   }
 }
 
 @keyframes sk-waveStretchDelay {
-  0%, 40%, 100% { transform: scaleY(0.4) }
+  0%,
-  20% { transform: scaleY(1.0) }
+  40%,
+  100% {
+    transform: scaleY(0.4);
+  }
+  20% {
+    transform: scaleY(1);
+  }
 }

_src/styles/fancyIndex.scss

@@ -1,3 +1,4 @@
-#list tbody td, #path{
+#list tbody td,
-    font-family: var(--bs-font-monospace);
+#path {
+  font-family: var(--bs-font-monospace);
 }

_src/styles/global.scss

@@ -2,14 +2,20 @@
 @use "sass:map";
 
 @use "bootstrap" as bs with (
-  $color-mode-type: media-query,
+  $color-mode-type: media-query
 );
 
-$color_thu_purple_dark: #C353D3;
+$color_thu_purple_dark: #c353d3;
-$font_default: 'Lato', 'Hiragino Sans GB', 'Source Han Sans SC', 'Source Han Sans CN', 'Noto Sans CJK SC', 'WenQuanYi Zen Hei', 'WenQuanYi Micro Hei', '微软雅黑', sans-serif;
+$font_default: "Lato", "Hiragino Sans GB", "Source Han Sans SC",
+  "Source Han Sans CN", "Noto Sans CJK SC", "WenQuanYi Zen Hei",
+  "WenQuanYi Micro Hei", "微软雅黑", sans-serif;
 $footer_color: #384452;
 
-$color_thu_purple: if(map.get(jekyll-config(), "issue"), $color_thu_purple_dark, #82318E);
+$color_thu_purple: if(
+  map.get(jekyll-config(), "issue"),
+  $color_thu_purple_dark,
+  #82318e
+);
 
 @include utils.noissue {
   :root {
@@ -39,11 +45,21 @@ code {
   @extend .bg-secondary-subtle;
 }
 
-h1, h2, h3, .h1, .h2, .h3 {
+h1,
+h2,
+h3,
+.h1,
+.h2,
+.h3 {
   margin-top: 2rem;
 }
 
-h4, h5, h6, .h4, .h5, .h6 {
+h4,
+h5,
+h6,
+.h4,
+.h5,
+.h6 {
   margin-top: 1rem;
 }
 
@@ -55,30 +71,30 @@ h4, h5, h6, .h4, .h5, .h6 {
   padding-bottom: 60px;
   background: $footer_color;
   a {
-      color: bs.$link-color-dark;
+    color: bs.$link-color-dark;
   }
   a:hover {
-      color: bs.$link-hover-color-dark;
+    color: bs.$link-hover-color-dark;
   }
 }
 
 .spacing {
-    margin-top: 40px;
+  margin-top: 40px;
-    margin-bottom: 40px;
+  margin-bottom: 40px;
 }
 
 .clickable {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .vbottom {
-    display: inline-block;
+  display: inline-block;
-    vertical-align: bottom;
+  vertical-align: bottom;
-    float: none;
+  float: none;
 }
 
-.nonthu .thuhidden{
+.nonthu .thuhidden {
-    display: none;
+  display: none;
 }
 
 svg.icon {
@@ -89,7 +105,18 @@ svg.icon {
   vertical-align: bottom;
 }
 
-.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   svg.icon {
     height: 1.1em;
   }
@@ -102,48 +129,64 @@ svg.icon {
 }
 
 a {
-    padding: 0;
+  padding: 0;
-    margin: 0;
+  margin: 0;
-    text-decoration: none;
+  text-decoration: none;
-    -webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
+  -webkit-transition:
-    -moz-transition: background-color .4s linear, color .4s linea, border-color .4s linear;
+    background-color 0.4s linear,
-    -o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
+    color 0.4s linear,
-    -ms-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
+    border-color 0.4s linear;
-    transition: background-color .4s linear, color .4s linear, border-color .4s linear;
+  -moz-transition:
+    background-color 0.4s linear,
+    color 0.4s linea,
+    border-color 0.4s linear;
+  -o-transition:
+    background-color 0.4s linear,
+    color 0.4s linear,
+    border-color 0.4s linear;
+  -ms-transition:
+    background-color 0.4s linear,
+    color 0.4s linear,
+    border-color 0.4s linear;
+  transition:
+    background-color 0.4s linear,
+    color 0.4s linear,
+    border-color 0.4s linear;
 }
 
-a:hover, a:focus {
+a:hover,
-    text-decoration: none;
+a:focus {
+  text-decoration: none;
 }
 
 .navbar-default {
-    --bs-navbar-active-color: #{$color_thu_purple};
+  --bs-navbar-active-color: #{$color_thu_purple};
-    --bs-navbar-hover-color: #{$color_thu_purple};
+  --bs-navbar-hover-color: #{$color_thu_purple};
-    @include utils.dark{
+  @include utils.dark {
-        --bs-navbar-active-color: #{$color_thu_purple_dark};
+    --bs-navbar-active-color: #{$color_thu_purple_dark};
-        --bs-navbar-hover-color: #{$color_thu_purple_dark};
+    --bs-navbar-hover-color: #{$color_thu_purple_dark};
-    }
+  }
-    .navbar-nav > li > a.active {
+  .navbar-nav > li > a.active {
-        border-bottom: 2px solid $color_thu_purple;
+    border-bottom: 2px solid $color_thu_purple;
-        @include utils.dark{
+    @include utils.dark {
-            border-bottom-color: $color_thu_purple_dark;
+      border-bottom-color: $color_thu_purple_dark;
-        }
-    }
-    .navbar-nav > li > a {
-        font-weight: 700;
-        font-size: 12px;
-    }
-    .nav-link {
-        transition-duration: .4s;
     }
+  }
+  .navbar-nav > li > a {
+    font-weight: 700;
+    font-size: 12px;
+  }
+  .nav-link {
+    transition-duration: 0.4s;
+  }
 }
 
 .navbar-brand {
-    font-weight: 900;
+  font-weight: 900;
-    padding: 0px;
+  padding: 0px;
-    line-height: 50px;
+  line-height: 50px;
-    height: 50px;
+  height: 50px;
-    img {
+  img {
-        margin-right: 5px;
+    margin-right: 5px;
-    }
+  }
 }

_src/styles/help.scss

@@ -1,181 +1,527 @@
 @use "./utils.scss" as utils;
 
 @include utils.noissue {
-    .highlight {
+  .highlight {
-        .c     { color: #998; font-style: italic } // Comment
+    .c {
-        .err   { color: #a61717; background-color: #e3d2d2 } // Error
+      color: #998;
-        .k     { font-weight: bold } // Keyword
+      font-style: italic;
-        .o     { font-weight: bold } // Operator
+    } // Comment
-        .cm    { color: #998; font-style: italic } // Comment.Multiline
+    .err {
-        .cp    { color: #999; font-weight: bold } // Comment.Preproc
+      color: #a61717;
-        .c1    { color: #998; font-style: italic } // Comment.Single
+      background-color: #e3d2d2;
-        .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
+    } // Error
-        .gd    { color: #000; background-color: #fdd } // Generic.Deleted
+    .k {
-        .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
+      font-weight: bold;
-        .ge    { font-style: italic } // Generic.Emph
+    } // Keyword
-        .gr    { color: #a00 } // Generic.Error
+    .o {
-        .gh    { color: #999 } // Generic.Heading
+      font-weight: bold;
-        .gi    { color: #000; background-color: #dfd } // Generic.Inserted
+    } // Operator
-        .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
+    .cm {
-        .go    { color: #888 } // Generic.Output
+      color: #998;
-        .gp    { color: #555 } // Generic.Prompt
+      font-style: italic;
-        .gs    { font-weight: bold } // Generic.Strong
+    } // Comment.Multiline
-        .gu    { color: #aaa } // Generic.Subheading
+    .cp {
-        .gt    { color: #a00 } // Generic.Traceback
+      color: #999;
-        .kc    { font-weight: bold } // Keyword.Constant
+      font-weight: bold;
-        .kd    { font-weight: bold } // Keyword.Declaration
+    } // Comment.Preproc
-        .kp    { font-weight: bold } // Keyword.Pseudo
+    .c1 {
-        .kr    { font-weight: bold } // Keyword.Reserved
+      color: #998;
-        .kt    { color: #458; font-weight: bold } // Keyword.Type
+      font-style: italic;
-        .m     { color: #099 } // Literal.Number
+    } // Comment.Single
-        .s     { color: #d14 } // Literal.String
+    .cs {
-        .na    { color: #008080 } // Name.Attribute
+      color: #999;
-        .nb    { color: #0086B3 } // Name.Builtin
+      font-weight: bold;
-        .nc    { color: #458; font-weight: bold } // Name.Class
+      font-style: italic;
-        .no    { color: #008080 } // Name.Constant
+    } // Comment.Special
-        .ni    { color: #800080 } // Name.Entity
+    .gd {
-        .ne    { color: #900; font-weight: bold } // Name.Exception
+      color: #000;
-        .nf    { color: #900; font-weight: bold } // Name.Function
+      background-color: #fdd;
-        .nn    { color: #555 } // Name.Namespace
+    } // Generic.Deleted
-        .nt    { color: #000080 } // Name.Tag
+    .gd .x {
-        .nv    { color: #008080 } // Name.Variable
+      color: #000;
-        .ow    { font-weight: bold } // Operator.Word
+      background-color: #faa;
-        .w     { color: #bbb } // Text.Whitespace
+    } // Generic.Deleted.Specific
-        .mf    { color: #099 } // Literal.Number.Float
+    .ge {
-        .mh    { color: #099 } // Literal.Number.Hex
+      font-style: italic;
-        .mi    { color: #099 } // Literal.Number.Integer
+    } // Generic.Emph
-        .mo    { color: #099 } // Literal.Number.Oct
+    .gr {
-        .sb    { color: #d14 } // Literal.String.Backtick
+      color: #a00;
-        .sc    { color: #d14 } // Literal.String.Char
+    } // Generic.Error
-        .sd    { color: #d14 } // Literal.String.Doc
+    .gh {
-        .s2    { color: #d14 } // Literal.String.Double
+      color: #999;
-        .se    { color: #d14 } // Literal.String.Escape
+    } // Generic.Heading
-        .sh    { color: #d14 } // Literal.String.Heredoc
+    .gi {
-        .si    { color: #d14 } // Literal.String.Interpol
+      color: #000;
-        .sx    { color: #d14 } // Literal.String.Other
+      background-color: #dfd;
-        .sr    { color: #009926 } // Literal.String.Regex
+    } // Generic.Inserted
-        .s1    { color: #d14 } // Literal.String.Single
+    .gi .x {
-        .ss    { color: #990073 } // Literal.String.Symbol
+      color: #000;
-        .bp    { color: #999 } // Name.Builtin.Pseudo
+      background-color: #afa;
-        .vc    { color: #008080 } // Name.Variable.Class
+    } // Generic.Inserted.Specific
-        .vg    { color: #008080 } // Name.Variable.Global
+    .go {
-        .vi    { color: #008080 } // Name.Variable.Instance
+      color: #888;
-        .il    { color: #099 } // Literal.Number.Integer.Long
+    } // Generic.Output
-    }
+    .gp {
+      color: #555;
+    } // Generic.Prompt
+    .gs {
+      font-weight: bold;
+    } // Generic.Strong
+    .gu {
+      color: #aaa;
+    } // Generic.Subheading
+    .gt {
+      color: #a00;
+    } // Generic.Traceback
+    .kc {
+      font-weight: bold;
+    } // Keyword.Constant
+    .kd {
+      font-weight: bold;
+    } // Keyword.Declaration
+    .kp {
+      font-weight: bold;
+    } // Keyword.Pseudo
+    .kr {
+      font-weight: bold;
+    } // Keyword.Reserved
+    .kt {
+      color: #458;
+      font-weight: bold;
+    } // Keyword.Type
+    .m {
+      color: #099;
+    } // Literal.Number
+    .s {
+      color: #d14;
+    } // Literal.String
+    .na {
+      color: #008080;
+    } // Name.Attribute
+    .nb {
+      color: #0086b3;
+    } // Name.Builtin
+    .nc {
+      color: #458;
+      font-weight: bold;
+    } // Name.Class
+    .no {
+      color: #008080;
+    } // Name.Constant
+    .ni {
+      color: #800080;
+    } // Name.Entity
+    .ne {
+      color: #900;
+      font-weight: bold;
+    } // Name.Exception
+    .nf {
+      color: #900;
+      font-weight: bold;
+    } // Name.Function
+    .nn {
+      color: #555;
+    } // Name.Namespace
+    .nt {
+      color: #000080;
+    } // Name.Tag
+    .nv {
+      color: #008080;
+    } // Name.Variable
+    .ow {
+      font-weight: bold;
+    } // Operator.Word
+    .w {
+      color: #bbb;
+    } // Text.Whitespace
+    .mf {
+      color: #099;
+    } // Literal.Number.Float
+    .mh {
+      color: #099;
+    } // Literal.Number.Hex
+    .mi {
+      color: #099;
+    } // Literal.Number.Integer
+    .mo {
+      color: #099;
+    } // Literal.Number.Oct
+    .sb {
+      color: #d14;
+    } // Literal.String.Backtick
+    .sc {
+      color: #d14;
+    } // Literal.String.Char
+    .sd {
+      color: #d14;
+    } // Literal.String.Doc
+    .s2 {
+      color: #d14;
+    } // Literal.String.Double
+    .se {
+      color: #d14;
+    } // Literal.String.Escape
+    .sh {
+      color: #d14;
+    } // Literal.String.Heredoc
+    .si {
+      color: #d14;
+    } // Literal.String.Interpol
+    .sx {
+      color: #d14;
+    } // Literal.String.Other
+    .sr {
+      color: #009926;
+    } // Literal.String.Regex
+    .s1 {
+      color: #d14;
+    } // Literal.String.Single
+    .ss {
+      color: #990073;
+    } // Literal.String.Symbol
+    .bp {
+      color: #999;
+    } // Name.Builtin.Pseudo
+    .vc {
+      color: #008080;
+    } // Name.Variable.Class
+    .vg {
+      color: #008080;
+    } // Name.Variable.Global
+    .vi {
+      color: #008080;
+    } // Name.Variable.Instance
+    .il {
+      color: #099;
+    } // Literal.Number.Integer.Long
+  }
 
-    .hljs-comment     { color: #998; font-style: italic } // Comment
+  .hljs-comment {
-    .hljs-keyword     { font-weight: bold } // Keyword
+    color: #998;
-    .hljs-operator     { font-weight: bold } // Operator
+    font-style: italic;
-    .hljs-deletion    { color: #000; background-color: #fdd } // Generic.Deleted
+  } // Comment
-    .hljs-emphasis    { font-style: italic } // Generic.Emph
+  .hljs-keyword {
-    .hljs-meta.prompt    { color: #555 } // Generic.Prompt
+    font-weight: bold;
-    .hljs-strong    { font-weight: bold } // Generic.Strong
+  } // Keyword
-    .hljs-section    { color: #458; font-weight: bold } // Generic.Heading
+  .hljs-operator {
-    .hljs-variable.constant    { font-weight: bold } // Keyword.Constant
+    font-weight: bold;
-    .hljs-params    { font-weight: bold } // Keyword.Declaration
+  } // Operator
-    .hljs-type    { color: #458; font-weight: bold } // Keyword.Type
+  .hljs-deletion {
-    .hljs-number     { color: #099 } // Literal.Number
+    color: #000;
-    .hljs-string     { color: #d14 } // Literal.String
+    background-color: #fdd;
-    .hljs-attr, .hljs-attribute    { color: #008080 } // Name.Attribute
+  } // Generic.Deleted
-    .hljs-built_in    { color: #0086B3 } // Name.Builtin
+  .hljs-emphasis {
-    .hljs-title.class    { color: #458; font-weight: bold } // Name.Class
+    font-style: italic;
-    .hljs-title.function    { color: #900; font-weight: bold } // Name.Function
+  } // Generic.Emph
-    .hljs-tag    { color: #000080 } // Name.Tag
+  .hljs-meta.prompt {
-    .hljs-variable    { color: #008080 } // Name.Variable
+    color: #555;
+  } // Generic.Prompt
+  .hljs-strong {
+    font-weight: bold;
+  } // Generic.Strong
+  .hljs-section {
+    color: #458;
+    font-weight: bold;
+  } // Generic.Heading
+  .hljs-variable.constant {
+    font-weight: bold;
+  } // Keyword.Constant
+  .hljs-params {
+    font-weight: bold;
+  } // Keyword.Declaration
+  .hljs-type {
+    color: #458;
+    font-weight: bold;
+  } // Keyword.Type
+  .hljs-number {
+    color: #099;
+  } // Literal.Number
+  .hljs-string {
+    color: #d14;
+  } // Literal.String
+  .hljs-attr,
+  .hljs-attribute {
+    color: #008080;
+  } // Name.Attribute
+  .hljs-built_in {
+    color: #0086b3;
+  } // Name.Builtin
+  .hljs-title.class {
+    color: #458;
+    font-weight: bold;
+  } // Name.Class
+  .hljs-title.function {
+    color: #900;
+    font-weight: bold;
+  } // Name.Function
+  .hljs-tag {
+    color: #000080;
+  } // Name.Tag
+  .hljs-variable {
+    color: #008080;
+  } // Name.Variable
 }
 
-@include utils.dark{
+@include utils.dark {
-    .highlight {
+  .highlight {
-        .hll { background-color: #272822; }
+    .hll {
-        .c { color: #75715e } /* Comment */
+      background-color: #272822;
-        .err { color: #960050; background-color: #1e0010 } /* Error */
-        .k { color: #66d9ef } /* Keyword */
-        .l { color: #ae81ff } /* Literal */
-        .n { color: #f8f8f2 } /* Name */
-        .o { color: #f92672 } /* Operator */
-        .p { color: #f8f8f2 } /* Punctuation */
-        .cm { color: #75715e } /* Comment.Multiline */
-        .cp { color: #75715e } /* Comment.Preproc */
-        .c1 { color: #75715e } /* Comment.Single */
-        .cs { color: #75715e } /* Comment.Special */
-        .ge { font-style: italic } /* Generic.Emph */
-        .gs { font-weight: bold } /* Generic.Strong */
-        .kc { color: #66d9ef } /* Keyword.Constant */
-        .kd { color: #66d9ef } /* Keyword.Declaration */
-        .kn { color: #f92672 } /* Keyword.Namespace */
-        .kp { color: #66d9ef } /* Keyword.Pseudo */
-        .kr { color: #66d9ef } /* Keyword.Reserved */
-        .kt { color: #66d9ef } /* Keyword.Type */
-        .ld { color: #e6db74 } /* Literal.Date */
-        .m { color: #ae81ff } /* Literal.Number */
-        .s { color: #e6db74 } /* Literal.String */
-        .na { color: #a6e22e } /* Name.Attribute */
-        .nb { color: #f8f8f2 } /* Name.Builtin */
-        .nc { color: #a6e22e } /* Name.Class */
-        .no { color: #66d9ef } /* Name.Constant */
-        .nd { color: #a6e22e } /* Name.Decorator */
-        .ni { color: #f8f8f2 } /* Name.Entity */
-        .ne { color: #a6e22e } /* Name.Exception */
-        .nf { color: #a6e22e } /* Name.Function */
-        .nl { color: #f8f8f2 } /* Name.Label */
-        .nn { color: #f8f8f2 } /* Name.Namespace */
-        .nx { color: #a6e22e } /* Name.Other */
-        .py { color: #f8f8f2 } /* Name.Property */
-        .nt { color: #f92672 } /* Name.Tag */
-        .nv { color: #f8f8f2 } /* Name.Variable */
-        .ow { color: #f92672 } /* Operator.Word */
-        .w { color: #f8f8f2 } /* Text.Whitespace */
-        .mf { color: #ae81ff } /* Literal.Number.Float */
-        .mh { color: #ae81ff } /* Literal.Number.Hex */
-        .mi { color: #ae81ff } /* Literal.Number.Integer */
-        .mo { color: #ae81ff } /* Literal.Number.Oct */
-        .sb { color: #e6db74 } /* Literal.String.Backtick */
-        .sc { color: #e6db74 } /* Literal.String.Char */
-        .sd { color: #e6db74 } /* Literal.String.Doc */
-        .s2 { color: #e6db74 } /* Literal.String.Double */
-        .se { color: #ae81ff } /* Literal.String.Escape */
-        .sh { color: #e6db74 } /* Literal.String.Heredoc */
-        .si { color: #e6db74 } /* Literal.String.Interpol */
-        .sx { color: #e6db74 } /* Literal.String.Other */
-        .sr { color: #e6db74 } /* Literal.String.Regex */
-        .s1 { color: #e6db74 } /* Literal.String.Single */
-        .ss { color: #e6db74 } /* Literal.String.Symbol */
-        .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
-        .vc { color: #f8f8f2 } /* Name.Variable.Class */
-        .vg { color: #f8f8f2 } /* Name.Variable.Global */
-        .vi { color: #f8f8f2 } /* Name.Variable.Instance */
-        .il { color: #ae81ff } /* Literal.Number.Integer.Long */
-
-        .gh { } /* Generic Heading & Diff Header */
-        .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
-        .gd { color: #f92672; background-color: inherit;} /* Generic.Deleted & Diff Deleted */
-        .gi { color: #a6e22e; background-color: inherit;} /* Generic.Inserted & Diff Inserted */
-        .gd .x {background-color: inherit;}
-        .gi .x {background-color: inherit;}
     }
+    .c {
+      color: #75715e;
+    } /* Comment */
+    .err {
+      color: #960050;
+      background-color: #1e0010;
+    } /* Error */
+    .k {
+      color: #66d9ef;
+    } /* Keyword */
+    .l {
+      color: #ae81ff;
+    } /* Literal */
+    .n {
+      color: #f8f8f2;
+    } /* Name */
+    .o {
+      color: #f92672;
+    } /* Operator */
+    .p {
+      color: #f8f8f2;
+    } /* Punctuation */
+    .cm {
+      color: #75715e;
+    } /* Comment.Multiline */
+    .cp {
+      color: #75715e;
+    } /* Comment.Preproc */
+    .c1 {
+      color: #75715e;
+    } /* Comment.Single */
+    .cs {
+      color: #75715e;
+    } /* Comment.Special */
+    .ge {
+      font-style: italic;
+    } /* Generic.Emph */
+    .gs {
+      font-weight: bold;
+    } /* Generic.Strong */
+    .kc {
+      color: #66d9ef;
+    } /* Keyword.Constant */
+    .kd {
+      color: #66d9ef;
+    } /* Keyword.Declaration */
+    .kn {
+      color: #f92672;
+    } /* Keyword.Namespace */
+    .kp {
+      color: #66d9ef;
+    } /* Keyword.Pseudo */
+    .kr {
+      color: #66d9ef;
+    } /* Keyword.Reserved */
+    .kt {
+      color: #66d9ef;
+    } /* Keyword.Type */
+    .ld {
+      color: #e6db74;
+    } /* Literal.Date */
+    .m {
+      color: #ae81ff;
+    } /* Literal.Number */
+    .s {
+      color: #e6db74;
+    } /* Literal.String */
+    .na {
+      color: #a6e22e;
+    } /* Name.Attribute */
+    .nb {
+      color: #f8f8f2;
+    } /* Name.Builtin */
+    .nc {
+      color: #a6e22e;
+    } /* Name.Class */
+    .no {
+      color: #66d9ef;
+    } /* Name.Constant */
+    .nd {
+      color: #a6e22e;
+    } /* Name.Decorator */
+    .ni {
+      color: #f8f8f2;
+    } /* Name.Entity */
+    .ne {
+      color: #a6e22e;
+    } /* Name.Exception */
+    .nf {
+      color: #a6e22e;
+    } /* Name.Function */
+    .nl {
+      color: #f8f8f2;
+    } /* Name.Label */
+    .nn {
+      color: #f8f8f2;
+    } /* Name.Namespace */
+    .nx {
+      color: #a6e22e;
+    } /* Name.Other */
+    .py {
+      color: #f8f8f2;
+    } /* Name.Property */
+    .nt {
+      color: #f92672;
+    } /* Name.Tag */
+    .nv {
+      color: #f8f8f2;
+    } /* Name.Variable */
+    .ow {
+      color: #f92672;
+    } /* Operator.Word */
+    .w {
+      color: #f8f8f2;
+    } /* Text.Whitespace */
+    .mf {
+      color: #ae81ff;
+    } /* Literal.Number.Float */
+    .mh {
+      color: #ae81ff;
+    } /* Literal.Number.Hex */
+    .mi {
+      color: #ae81ff;
+    } /* Literal.Number.Integer */
+    .mo {
+      color: #ae81ff;
+    } /* Literal.Number.Oct */
+    .sb {
+      color: #e6db74;
+    } /* Literal.String.Backtick */
+    .sc {
+      color: #e6db74;
+    } /* Literal.String.Char */
+    .sd {
+      color: #e6db74;
+    } /* Literal.String.Doc */
+    .s2 {
+      color: #e6db74;
+    } /* Literal.String.Double */
+    .se {
+      color: #ae81ff;
+    } /* Literal.String.Escape */
+    .sh {
+      color: #e6db74;
+    } /* Literal.String.Heredoc */
+    .si {
+      color: #e6db74;
+    } /* Literal.String.Interpol */
+    .sx {
+      color: #e6db74;
+    } /* Literal.String.Other */
+    .sr {
+      color: #e6db74;
+    } /* Literal.String.Regex */
+    .s1 {
+      color: #e6db74;
+    } /* Literal.String.Single */
+    .ss {
+      color: #e6db74;
+    } /* Literal.String.Symbol */
+    .bp {
+      color: #f8f8f2;
+    } /* Name.Builtin.Pseudo */
+    .vc {
+      color: #f8f8f2;
+    } /* Name.Variable.Class */
+    .vg {
+      color: #f8f8f2;
+    } /* Name.Variable.Global */
+    .vi {
+      color: #f8f8f2;
+    } /* Name.Variable.Instance */
+    .il {
+      color: #ae81ff;
+    } /* Literal.Number.Integer.Long */
 
-    .hljs-comment     { color: #75715e } // Comment
+    .gh {
-    .hljs-keyword     { color: #66d9ef } // Keyword
+    } /* Generic Heading & Diff Header */
-    .hljs-operator     { color: #f92672 } // Operator
+    .gu {
-    .hljs-deletion    { color: #f92672; } // Generic.Deleted
+      color: #75715e;
-    .hljs-emphasis    { font-style: italic } // Generic.Emph
+    } /* Generic.Subheading & Diff Unified/Comment? */
-    .hljs-strong    { font-weight: bold } // Generic.Strong
+    .gd {
-    .hljs-section     { color: #66d9ef } // Keyword
+      color: #f92672;
-    .hljs-variable.constant    { color: #66d9ef } // Keyword.Constant
+      background-color: inherit;
-    .hljs-params    { color: #66d9ef } // Keyword.Declaration
+    } /* Generic.Deleted & Diff Deleted */
-    .hljs-type    { color: #66d9ef } // Keyword.Type
+    .gi {
-    .hljs-number     { color: #ae81ff } // Literal.Number
+      color: #a6e22e;
-    .hljs-string     { color: #e6db74 } // Literal.String
+      background-color: inherit;
-    .hljs-attr, .hljs-attribute    { color: #a6e22e } // Name.Attribute
+    } /* Generic.Inserted & Diff Inserted */
-    .hljs-built_in    { color: #f8f8f2 } // Name.Builtin
+    .gd .x {
-    .hljs-title.class    { color: #a6e22e } // Name.Class
+      background-color: inherit;
-    .hljs-title.function    { color: #a6e22e } // Name.Function
+    }
-    .hljs-tag    { color: #f92672 } // Name.Tag
+    .gi .x {
-    .hljs-variable    { color: #f8f8f2 } // Name.Variable
+      background-color: inherit;
+    }
+  }
 
+  .hljs-comment {
+    color: #75715e;
+  } // Comment
+  .hljs-keyword {
+    color: #66d9ef;
+  } // Keyword
+  .hljs-operator {
+    color: #f92672;
+  } // Operator
+  .hljs-deletion {
+    color: #f92672;
+  } // Generic.Deleted
+  .hljs-emphasis {
+    font-style: italic;
+  } // Generic.Emph
+  .hljs-strong {
+    font-weight: bold;
+  } // Generic.Strong
+  .hljs-section {
+    color: #66d9ef;
+  } // Keyword
+  .hljs-variable.constant {
+    color: #66d9ef;
+  } // Keyword.Constant
+  .hljs-params {
+    color: #66d9ef;
+  } // Keyword.Declaration
+  .hljs-type {
+    color: #66d9ef;
+  } // Keyword.Type
+  .hljs-number {
+    color: #ae81ff;
+  } // Literal.Number
+  .hljs-string {
+    color: #e6db74;
+  } // Literal.String
+  .hljs-attr,
+  .hljs-attribute {
+    color: #a6e22e;
+  } // Name.Attribute
+  .hljs-built_in {
+    color: #f8f8f2;
+  } // Name.Builtin
+  .hljs-title.class {
+    color: #a6e22e;
+  } // Name.Class
+  .hljs-title.function {
+    color: #a6e22e;
+  } // Name.Function
+  .hljs-tag {
+    color: #f92672;
+  } // Name.Tag
+  .hljs-variable {
+    color: #f8f8f2;
+  } // Name.Variable
 }
 
 #help-page {
-    margin-top: 40px;
+  margin-top: 40px;
-    margin-bottom: 40px;
+  margin-bottom: 40px;
 }

_src/styles/helpz.scss

@@ -1,3 +1,3 @@
 .z-help pre.z-tmpl {
-	display: none;
+  display: none;
 }

_src/styles/main-page.scss

@@ -19,7 +19,7 @@
   }
 }
 
-#upgrade-mask{
+#upgrade-mask {
   color: black;
   p {
     color: inherit;

_src/styles/notfound.scss

@@ -24,31 +24,39 @@
   background-position: center;
 
   @include utils.noissue {
-    opacity: .5;
+    opacity: 0.5;
     filter: grayscale(0.2);
     background-image: url(/static/img/missing.png);
-    background-image: -webkit-image-set(url("/static/img/missing.png") 1x,
+    background-image: -webkit-image-set(
-        url("/static/img/missing@2x.png") 2x,
+      url("/static/img/missing.png") 1x,
-        url("/static/img/missing@3x.png") 3x,
+      url("/static/img/missing@2x.png") 2x,
-        url("/static/img/missing@4x.png") 4x);
+      url("/static/img/missing@3x.png") 3x,
-    background-image: image-set(url("/static/img/missing.png") 1x,
+      url("/static/img/missing@4x.png") 4x
-        url("/static/img/missing@2x.png") 2x,
+    );
-        url("/static/img/missing@3x.png") 3x,
+    background-image: image-set(
-        url("/static/img/missing@4x.png") 4x);
+      url("/static/img/missing.png") 1x,
+      url("/static/img/missing@2x.png") 2x,
+      url("/static/img/missing@3x.png") 3x,
+      url("/static/img/missing@4x.png") 4x
+    );
   }
 
   @include utils.dark {
     opacity: 1;
     filter: none;
     background-image: url(/static/img/missing-dark.png);
-    background-image: -webkit-image-set(url("/static/img/missing-dark.png") 1x,
+    background-image: -webkit-image-set(
-        url("/static/img/missing-dark@2x.png") 2x,
+      url("/static/img/missing-dark.png") 1x,
-        url("/static/img/missing-dark@3x.png") 3x,
+      url("/static/img/missing-dark@2x.png") 2x,
-        url("/static/img/missing-dark@4x.png") 4x);
+      url("/static/img/missing-dark@3x.png") 3x,
-    background-image: image-set(url("/static/img/missing-dark.png") 1x,
+      url("/static/img/missing-dark@4x.png") 4x
-        url("/static/img/missing-dark@2x.png") 2x,
+    );
-        url("/static/img/missing-dark@3x.png") 3x,
+    background-image: image-set(
-        url("/static/img/missing-dark@4x.png") 4x);
+      url("/static/img/missing-dark.png") 1x,
+      url("/static/img/missing-dark@2x.png") 2x,
+      url("/static/img/missing-dark@3x.png") 3x,
+      url("/static/img/missing-dark@4x.png") 4x
+    );
   }
 }
 
@@ -75,13 +83,13 @@
   padding: 0 40px;
   margin-bottom: 80px;
   font-size: 16px;
-  opacity: .7;
+  opacity: 0.7;
   line-height: 24px;
 }
 
 .not-found-code {
   font-size: 12px;
-  opacity: .54;
+  opacity: 0.54;
   font-weight: normal;
   font-style: italic;
 }

_src/styles/sync-status.scss

@@ -1,17 +1,19 @@
 @use "./bootstrap_vars" as bs;
 @use "./utils.scss" as utils;
 
-.status-fail, .status-failed, .status-paused {
+.status-fail,
-    --bs-table-bg: #fff4e3;
+.status-failed,
-    --bs-table-hover-bg: var(--bs-table-bg);
+.status-paused {
-    @include utils.dark{
+  --bs-table-bg: #fff4e3;
-        --bs-table-bg: #524841;
+  --bs-table-hover-bg: var(--bs-table-bg);
-    }
+  @include utils.dark {
+    --bs-table-bg: #524841;
+  }
 }
 .status-syncing {
-    --bs-table-bg: #e3fffd;
+  --bs-table-bg: #e3fffd;
-    --bs-table-hover-bg: var(--bs-table-bg);
+  --bs-table-hover-bg: var(--bs-table-bg);
-    @include utils.dark{
+  @include utils.dark {
-        --bs-table-bg: #254059;
+    --bs-table-bg: #254059;
-    }
+  }
 }

_src/styles/utils.scss

@@ -1,17 +1,17 @@
 @use "sass:map";
 @mixin dark {
-    @if map.get(jekyll-config(), "issue") {
+  @if map.get(jekyll-config(), "issue") {
-        @content
+    @content;
-    } @else {
+  } @else {
-        @media (prefers-color-scheme: dark) {
+    @media (prefers-color-scheme: dark) {
-            @content
+      @content;
-        }
     }
-};
+  }
+}
 
 @mixin noissue {
-    @if map.get(jekyll-config(), "issue") {
+  @if map.get(jekyll-config(), "issue") {
-    } @else {
+  } @else {
-        @content
+    @content;
-    }
+  }
-};
+}

_src/vite.json

@@ -1,7 +1,13 @@
 {
   "all": {
     "sourceCodeDir": "_src",
-    "watchAdditionalPaths": ["index.html", "_includes/**/*", "_layouts/**/*", "_config.yml", "vite.config.mjs"],
+    "watchAdditionalPaths": [
+      "index.html",
+      "_includes/**/*",
+      "_layouts/**/*",
+      "_config.yml",
+      "vite.config.mjs"
+    ],
     "publicOutputDir": "",
     "assetsDir": "assets"
   },

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "homepage": "https://github.com/tuna/mirror-web",
   "scripts": {
-    "format": "prettier --write \"_src/**/*.js\" \"_src/**/*.vue\""
+    "format": "prettier --write \"_src/**\""
   },
   "dependencies": {
     "@vitejs/plugin-legacy": "^5.3.2",