update at 2025-10-08 22:31:03
This commit is contained in:
douboer
245
assets/themes/mweb-panic.css
Normal file
245
assets/themes/mweb-panic.css
Normal file
@@ -0,0 +1,245 @@
|
||||
/*
|
||||
* PrismJS default theme
|
||||
* 这个文件只应该包含变量
|
||||
*/
|
||||
/*
|
||||
* Default bear theme，适用于 core/mweb-bear.scss。
|
||||
* 所有 bear 主题，只需 import 这个文件，然后修改配色方案即可。
|
||||
*/
|
||||
/* font */
|
||||
/* container */
|
||||
/* spacing */
|
||||
/* color */
|
||||
/* other */
|
||||
/**
|
||||
* 在 bear 的主题中，某些变量的取值和其他变量是绑定的。
|
||||
* 统一写在这里，这个文件应该在变量文件的最后被引入。
|
||||
*/
|
||||
/**
|
||||
* Bear 的默认样式表。通过调整各个颜色变量的取值，就可以得到不同的 bear 主题。
|
||||
* Bear 的配色方案位于 src/themes/bear-palettes 目录下。
|
||||
*/
|
||||
.note-to-mp {
|
||||
font-size: 16px;
|
||||
color: rgb(246, 247, 238);
|
||||
background-color: rgb(17, 28, 42);
|
||||
line-height: 1.6em;
|
||||
margin: 0 0;
|
||||
padding: 1em 1em;
|
||||
}
|
||||
.note-to-mp p,
|
||||
.note-to-mp pre,
|
||||
.note-to-mp dl,
|
||||
.note-to-mp form,
|
||||
.note-to-mp details,
|
||||
.note-to-mp dl,
|
||||
.note-to-mp blockquote,
|
||||
.note-to-mp table,
|
||||
.note-to-mp xmp,
|
||||
.note-to-mp plaintext,
|
||||
.note-to-mp listing,
|
||||
.note-to-mp figure {
|
||||
margin: 0.75em 0 0.45em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
margin: 0.75em auto;
|
||||
}
|
||||
.note-to-mp h1,
|
||||
.note-to-mp h2,
|
||||
.note-to-mp h3,
|
||||
.note-to-mp h4,
|
||||
.note-to-mp h5,
|
||||
.note-to-mp h6 {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: 0.75em;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
font-weight: 600;
|
||||
line-height: 1.5em;
|
||||
color: rgb(249, 181, 55);
|
||||
}
|
||||
.note-to-mp h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.note-to-mp h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.note-to-mp h3 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.note-to-mp h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp h6 {
|
||||
font-size: 1em;
|
||||
}
|
||||
.note-to-mp hr {
|
||||
height: 1px;
|
||||
border: 0;
|
||||
background-color: rgb(45, 69, 98);
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
}
|
||||
.note-to-mp p {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.note-to-mp pre {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.note-to-mp blockquote {
|
||||
display: block;
|
||||
padding-left: 0.8em;
|
||||
border-left: 0.2em solid rgb(249, 181, 55);
|
||||
color: rgb(246, 247, 238);
|
||||
}
|
||||
.note-to-mp blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.note-to-mp blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.note-to-mp li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
.note-to-mp ul {
|
||||
margin-left: 1.3em;
|
||||
padding: 0;
|
||||
}
|
||||
.note-to-mp li::marker {
|
||||
color: rgb(249, 181, 55);
|
||||
}
|
||||
.note-to-mp li > p {
|
||||
margin: 0;
|
||||
}
|
||||
.note-to-mp ol {
|
||||
padding-left: 1.3em;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
.note-to-mp img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.note-to-mp u {
|
||||
text-decoration: none;
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgb(249, 181, 55) 50%);
|
||||
background-repeat: repeat-x;
|
||||
background-size: 2px 2px;
|
||||
background-position: 0 1em;
|
||||
}
|
||||
.note-to-mp a {
|
||||
color: rgb(84, 193, 220);
|
||||
text-decoration: none;
|
||||
}
|
||||
.note-to-mp a img {
|
||||
border: none;
|
||||
}
|
||||
.note-to-mp b,
|
||||
.note-to-mp strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.note-to-mp i,
|
||||
.note-to-mp cite,
|
||||
.note-to-mp em,
|
||||
.note-to-mp var,
|
||||
.note-to-mp address,
|
||||
.note-to-mp dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
.note-to-mp del,
|
||||
.note-to-mp s {
|
||||
color: rgb(176, 176, 176);
|
||||
}
|
||||
.note-to-mp pre,
|
||||
.note-to-mp xmp,
|
||||
.note-to-mp plaintext,
|
||||
.note-to-mp listing,
|
||||
.note-to-mp code,
|
||||
.note-to-mp kbd,
|
||||
.note-to-mp tt,
|
||||
.note-to-mp samp {
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp mark {
|
||||
color: inherit;
|
||||
display: inline;
|
||||
padding: 0.2em 0.5em;
|
||||
background-color: rgb(45, 78, 120);
|
||||
}
|
||||
.note-to-mp figcaption {
|
||||
text-align: center;
|
||||
}
|
||||
.note-to-mp table {
|
||||
color: rgb(246, 247, 238);
|
||||
border-collapse: collapse;
|
||||
background-color: rgb(23, 33, 52);
|
||||
border-spacing: 2px;
|
||||
font-size: 1em;
|
||||
border: 1px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
padding: 0.7em 1em;
|
||||
font-size: 0.9em;
|
||||
border: 1px solid rgb(45, 69, 98);
|
||||
}
|
||||
.note-to-mp caption,
|
||||
.note-to-mp th,
|
||||
.note-to-mp td {
|
||||
text-align: left;
|
||||
font-weight: normal;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.note-to-mp .footnotes > ol li {
|
||||
text-indent: 0;
|
||||
}
|
||||
.note-to-mp .footnotes hr {
|
||||
margin-top: 4em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.note-to-mp code {
|
||||
display: inline;
|
||||
color: rgb(246, 247, 238);
|
||||
}
|
||||
|
||||
/* 代码块 */
|
||||
.note-to-mp .code-section {
|
||||
display: flex;
|
||||
border: solid 1px rgb(45, 69, 98);
|
||||
margin: 1.5em 0;
|
||||
line-height: 26px;
|
||||
padding: 0.5em;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section pre {
|
||||
margin: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
white-space: normal;
|
||||
overflow-x: auto;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
.note-to-mp .code-section code {
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
font-family: Menlo-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
}
|
||||
.note-to-mp .code-section ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-block-start: 0;
|
||||
margin-block-end: 0;
|
||||
width: fit-content;
|
||||
flex-shrink: 0;
|
||||
height: 100%;
|
||||
line-height: 26px;
|
||||
list-style-type: none;
|
||||
}
|
||||
.note-to-mp .code-section ul > li {
|
||||
text-align: right;
|
||||
}
|
||||
Reference in New Issue
Block a user