15308555518/ mirror-web
1
0
Fork 0
mirror of https://github.com/tuna/mirror-web.git synced 2025-12-25 20:32:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

format all files in _src/

This commit is contained in:
Miao Wang 2024-04-09 23:18:59 +08:00
parent 0da5a1739a
commit 5b189b9912
12 changed files with 689 additions and 273 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.editorconfig
View File

@ -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

18
_src/styles/3-wave.scss
View File

@ -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) }
20% { transform: scaleY(1.0) }
0%,
40%,
100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}

5
_src/styles/fancyIndex.scss
View File

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

147
_src/styles/global.scss
View File

@ -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;
$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;
$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;
$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-bottom: 40px;
margin-top: 40px;
margin-bottom: 40px;
}
.clickable {
cursor: pointer;
cursor: pointer;
}
.vbottom {
display: inline-block;
vertical-align: bottom;
float: none;
display: inline-block;
vertical-align: bottom;
float: none;
}
.nonthu .thuhidden{
display: none;
.nonthu .thuhidden {
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;
margin: 0;
text-decoration: none;
-webkit-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
-moz-transition: background-color .4s linear, color .4s linea, border-color .4s linear;
-o-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
-ms-transition: background-color .4s linear, color .4s linear, border-color .4s linear;
transition: background-color .4s linear, color .4s linear, border-color .4s linear;
padding: 0;
margin: 0;
text-decoration: none;
-webkit-transition:
background-color 0.4s linear,
color 0.4s linear,
border-color 0.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 {
text-decoration: none;
a:hover,
a:focus {
text-decoration: none;
}
.navbar-default {
--bs-navbar-active-color: #{$color_thu_purple};
--bs-navbar-hover-color: #{$color_thu_purple};
@include utils.dark{
--bs-navbar-active-color: #{$color_thu_purple_dark};
--bs-navbar-hover-color: #{$color_thu_purple_dark};
}
.navbar-nav > li > a.active {
border-bottom: 2px solid $color_thu_purple;
@include utils.dark{
border-bottom-color: $color_thu_purple_dark;
}
}
.navbar-nav > li > a {
font-weight: 700;
font-size: 12px;
}
.nav-link {
transition-duration: .4s;
--bs-navbar-active-color: #{$color_thu_purple};
--bs-navbar-hover-color: #{$color_thu_purple};
@include utils.dark {
--bs-navbar-active-color: #{$color_thu_purple_dark};
--bs-navbar-hover-color: #{$color_thu_purple_dark};
}
.navbar-nav > li > a.active {
border-bottom: 2px solid $color_thu_purple;
@include utils.dark {
border-bottom-color: $color_thu_purple_dark;
}
}
.navbar-nav > li > a {
font-weight: 700;
font-size: 12px;
}
.nav-link {
transition-duration: 0.4s;
}
}
.navbar-brand {
font-weight: 900;
padding: 0px;
line-height: 50px;
height: 50px;
img {
margin-right: 5px;
}
font-weight: 900;
padding: 0px;
line-height: 50px;
height: 50px;
img {
margin-right: 5px;
}
}

682
_src/styles/help.scss
View File

@ -1,181 +1,527 @@
@use "./utils.scss" as utils;
@include utils.noissue {
.highlight {
.c { color: #998; font-style: italic } // Comment
.err { color: #a61717; background-color: #e3d2d2 } // Error
.k { font-weight: bold } // Keyword
.o { font-weight: bold } // Operator
.cm { color: #998; font-style: italic } // Comment.Multiline
.cp { color: #999; font-weight: bold } // Comment.Preproc
.c1 { color: #998; font-style: italic } // Comment.Single
.cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
.gd { color: #000; background-color: #fdd } // Generic.Deleted
.gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
.ge { font-style: italic } // Generic.Emph
.gr { color: #a00 } // Generic.Error
.gh { color: #999 } // Generic.Heading
.gi { color: #000; background-color: #dfd } // Generic.Inserted
.gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
.go { color: #888 } // 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
}
.highlight {
.c {
color: #998;
font-style: italic;
} // Comment
.err {
color: #a61717;
background-color: #e3d2d2;
} // Error
.k {
font-weight: bold;
} // Keyword
.o {
font-weight: bold;
} // Operator
.cm {
color: #998;
font-style: italic;
} // Comment.Multiline
.cp {
color: #999;
font-weight: bold;
} // Comment.Preproc
.c1 {
color: #998;
font-style: italic;
} // Comment.Single
.cs {
color: #999;
font-weight: bold;
font-style: italic;
} // Comment.Special
.gd {
color: #000;
background-color: #fdd;
} // Generic.Deleted
.gd .x {
color: #000;
background-color: #faa;
} // Generic.Deleted.Specific
.ge {
font-style: italic;
} // Generic.Emph
.gr {
color: #a00;
} // Generic.Error
.gh {
color: #999;
} // Generic.Heading
.gi {
color: #000;
background-color: #dfd;
} // Generic.Inserted
.gi .x {
color: #000;
background-color: #afa;
} // Generic.Inserted.Specific
.go {
color: #888;
} // 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-keyword { font-weight: bold } // Keyword
.hljs-operator { font-weight: bold } // Operator
.hljs-deletion { color: #000; background-color: #fdd } // Generic.Deleted
.hljs-emphasis { font-style: italic } // Generic.Emph
.hljs-meta.prompt { 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
.hljs-comment {
color: #998;
font-style: italic;
} // Comment
.hljs-keyword {
font-weight: bold;
} // Keyword
.hljs-operator {
font-weight: bold;
} // Operator
.hljs-deletion {
color: #000;
background-color: #fdd;
} // Generic.Deleted
.hljs-emphasis {
font-style: italic;
} // Generic.Emph
.hljs-meta.prompt {
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{
.highlight {
.hll { background-color: #272822; }
.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 */
.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;}
@include utils.dark {
.highlight {
.hll {
background-color: #272822;
}
.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
.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
.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;
}
}
.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-bottom: 40px;
margin-top: 40px;
margin-bottom: 40px;
}

2
_src/styles/helpz.scss
View File

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

2
_src/styles/main-page.scss
View File

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

46
_src/styles/notfound.scss
View File

@ -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,
url("/static/img/missing@2x.png") 2x,
url("/static/img/missing@3x.png") 3x,
url("/static/img/missing@4x.png") 4x);
background-image: image-set(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);
background-image: -webkit-image-set(
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
);
background-image: image-set(
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,
url("/static/img/missing-dark@2x.png") 2x,
url("/static/img/missing-dark@3x.png") 3x,
url("/static/img/missing-dark@4x.png") 4x);
background-image: image-set(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);
background-image: -webkit-image-set(
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
);
background-image: image-set(
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;
}

24
_src/styles/sync-status.scss
View File

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

24
_src/styles/utils.scss
View File

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

8
_src/vite.json
View File

@ -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"
},

2
package.json
View File

@ -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",