推荐一下自己使用暗色的joplin客户端的CSS文件及主题

鲸歌

于 2024-08-12 18:53:53 发布

阅读量191

点赞数 2

分类专栏：搭建自己的云文章标签： css 笔记服务器

本文链接：https://blog.csdn.net/qq_45060540/article/details/141139328

版权

搭建自己的云专栏收录该内容

2 篇文章 1 订阅

订阅专栏

先看一下大概的预览图
在这里插入图片描述

CSS内容

.markdown-here-wrapper {
  font-size: 16px !important;
  line-height: 1.8em !important;
  letter-spacing: 0.1em !important;
}


pre, code {
  font-size: 14px !important;
  font-family: 'JetBrains Mono', 'Cascadia Code','Fira Code Medium', Consolas, Inconsolata, Courier, monospace !important;
  /* margin: auto 5px !important; */
}

code {
  white-space: pre-wrap !important;
  display: inline !important;
}

pre {
  font-size: 15px !important;
  line-height: 1.4em !important;
}

pre code {
  white-space: pre !important;
  overflow: auto !important;
  /* border-radius: 3px !important; */
  /* padding: 1px 1px !important; */
  display: block !important;
  background-color: #3a3a3a;
}

strong, b{
  color: #e7f14f !important;
}

em, i {
  color: #0ebda5 !important;
}

hr {
  border: 1px solid #545354fd !important;
  margin: 1em auto !important;
}

p {
  margin: 1.5em 5px !important;
}

table, pre, dl, blockquote, q, ul, ol {
  margin: 10px 5px !important;
}

ul, ol {
  padding-left: 15px !important;
}

li {
  margin: 10px !important;
}

li p {
  margin: 10px 0 !important;
}

ul ul, ul ol, ol ul, ol ol {
  margin: 0 !important;
  padding-left: 10px !important;
}

ul {
  list-style-type: circle !important;
}

dl {
  padding: 0 !important;
}

dl dt {
  font-size: 1em !important;
  font-weight: bold !important;
  font-style: italic !important;
}

dl dd {
  margin: 0 0 10px !important;
  padding: 0 10px !important;
}

blockquote, q {
  border-left: 2px solid #a73de9 !important;
  padding: 0 10px !important;
  color: #ffffff !important;
  quotes: none !important;
  margin-left: 1em !important;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px !important;
  padding: 0 !important;
  /* font-style: bold !important; */
  color: #ffffff !important;
  text-align: left !important;
  margin: 1.5em 5px !important;
  padding: 0.5em 1em !important;
}

h1 {
  font-size: 24px !important;
}

h2 {
  font-size: 20px !important;
}

h3 {
  font-size: 18px !important;
}

h4 {
  font-size: 16px !important;
}


table {
  padding: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size: 1em !important;
  font: inherit !important;
  border: 0 !important;
  margin: 0 auto !important;
}

tbody {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

table tr {
  border: 0 !important;
  border-top: 1px solid #CCC !important;
  background-color: white !important;
  margin: 0 !important;
  padding: 0 !important;
}

table tr:nth-child(2n) {
  background-color: #F8F8F8 !important;
}

table tr th, table tr td {
  font-size: 16px !important;
  background-color: #a5bbf5;
  color: #ffffff;
  border: 1px solid #CCC !important;
  margin: 0 !important;
  padding: 5px 10px !important;
}

table tr th {
  font-weight: bold !important;
  color: #ffffff !important;
  border: 1px solid #4769fd !important;
  background-color: #4769fd !important;
}