note2any/assets/themes/mweb-charcoal.css

/*
 * 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(166, 166, 166);
  background-color: rgb(46, 50, 53);
  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(172, 172, 172);
}
.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(62, 67, 72);
  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(155, 183, 196);
  color: rgb(166, 166, 166);
}
.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(155, 183, 196);
}
.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(155, 183, 196) 50%);
  background-repeat: repeat-x;
  background-size: 2px 2px;
  background-position: 0 1em;
}
.note-to-mp a {
  color: rgb(171, 196, 207);
  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(122, 122, 122);
}
.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(7, 16, 25);
}
.note-to-mp figcaption {
  text-align: center;
}
.note-to-mp table {
  color: rgb(153, 153, 153);
  border-collapse: collapse;
  background-color: rgb(47, 51, 55);
  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(62, 67, 72);
}
.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(153, 153, 153);
}

/* 代码块 */
.note-to-mp .code-section {
  display: flex;
  border: solid 1px rgb(62, 67, 72);
  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;
}