代码块设置透明背景颜色重叠问题

liangjingkanji · Dec 16, 2021 · 33af537 · 33af537
1 parent e15e87f
commit 33af537
Show file tree

Hide file tree

Showing 10 changed files with 18 additions and 289 deletions.
diff --git a/drake-ayu.css b/drake-ayu.css
@@ -1026,146 +1026,113 @@ a.ty-link {
     From https://github.com/ayu-theme/ayu-colors
  */
 .cm-s-inner.CodeMirror {
-    background: var(--code-block-bg-color);
+    background: none;
     color: var(--code-block-color);
 }
-
 .cm-s-inner span.cm-meta {
     color: #BBB529;
 }
-
 .cm-s-inner span.cm-number {
     color: #6897BB;
 }
-
 .cm-s-inner span.cm-keyword {
     color: #ffa759;
 }
-
 .cm-s-inner span.cm-def {
     color: #ffd580;
 }
-
 .cm-s-inner span.cm-variable {
     color: var(--code-block-color);
 }
-
 .cm-s-inner span.cm-variable-2 {
     color: var(--code-block-color);
 }
-
 .cm-s-inner span.cm-variable-3 {
     color: #9876AA;
 }
-
 .cm-s-inner span.cm-type {
     color: #AABBCC;
 }
-
 .cm-s-inner span.cm-property {
     color: #FFC66D;
 }
-
 .cm-s-inner span.cm-operator {
     color: var(--code-block-color);
 }
-
 .cm-s-inner span.cm-string {
     color: #9cc16b;
 }
-
 .cm-s-inner span.cm-string-2 {
     color: #9cc16b;
 }
-
 .cm-s-inner span.cm-comment {
     color: #5c6773;
 }
-
 .cm-s-inner span.cm-link {
     color: #ffa759;
 }
-
 .cm-s-inner span.cm-atom {
     color: #ffa759;
 }
-
 .cm-s-inner span.cm-error {
     color: #d1675a;
 }
-
 .cm-s-inner span.cm-tag {
     color: #E8BF6A;
 }
-
 .cm-s-inner span.cm-quote {
     color: #a6e22e;
 }
-
 .cm-s-inner span.cm-attribute {
     color: #9876AA;
 }
-
 .cm-s-inner span.cm-qualifier {
     color: #6A8759;
 }
-
 .cm-s-inner span.cm-bracket {
     color: #E8BF6A;
 }
-
 .cm-s-inner span.cm-builtin {
     color: #FF9E59;
 }
-
 .cm-s-inner span.cm-special {
     color: #FF9E59;
 }
-
 .cm-s-inner span.cm-matchhighlight {
     color: var(--code-block-color);
     background-color: rgba(50, 89, 48, .7);
     font-weight: normal;
 }
-
 .cm-s-inner span.cm-searching {
     color: var(--code-block-color);
     background-color: rgba(61, 115, 59, .7);
     font-weight: normal;
 }
-
 .cm-s-inner .CodeMirror-gutters {
     border-right: none;
     border-radius: 2px;
     padding-left: 0.5rem;
     background: var(--bg-color);
 }
-
 .cm-s-inner .CodeMirror-linenumber {
     color: #5c6773;
 }
-
 .cm-s-inner .CodeMirror-matchingbracket {
     background-color: #3B514D;
     color: #FFEF28 !important;
 }
-
 .cm-s-inner .CodeMirror-selected {
     background: #214283 !important;
 }
-
 .cm-s-inner .CodeMirror-selectedtext {
     background: #214283 !important;
 }
-
 .cm-s-typora-default .CodeMirror-selectedtext {
     background: var(--select-text-bg-color) !important;
 }
-
 .cm-overlay.CodeMirror-selectedtext {
     background: var(--select-text-bg-color) !important;
 }
-
 .cm-s-inner div.CodeMirror-cursor {
     border-left: 1px solid var(--code-block-color);
 }
diff --git a/drake-black.css b/drake-black.css
@@ -1026,136 +1026,107 @@ a.ty-link {
   Website:    https://material-theme.site/
 */
 .cm-s-inner.CodeMirror {
-    background: var(--code-block-bg-color);
+    background: none;
     color: var(--code-block-color);
 }
-
 .cm-s-inner .CodeMirror-gutters {
     border-right: none;
     border-radius: 2px;
     padding-left: 0.5rem;
     background: #212121;
     color: #545454;
 }
-
 .cm-s-inner .CodeMirror-guttermarker,
 .cm-s-inner .CodeMirror-guttermarker-subtle,
 .cm-s-inner .CodeMirror-linenumber {
     color: #545454;
 }
-
 .cm-s-inner .CodeMirror-line::selection,
 .cm-s-inner .CodeMirror-line>span::selection,
 .cm-s-inner .CodeMirror-line>span>span::selection {
     background: rgba(128, 203, 196, 0.2);
 }
-
 .cm-s-inner .CodeMirror-line::-moz-selection,
 .cm-s-inner .CodeMirror-line>span::-moz-selection,
 .cm-s-inner .CodeMirror-line>span>span::-moz-selection {
     background: rgba(128, 203, 196, 0.2);
 }
-
 .cm-s-inner .cm-keyword {
     color: #C792EA;
 }
-
 .cm-s-inner .cm-operator {
     color: #89DDFF;
 }
-
 .cm-s-inner .cm-variable-2 {
     color: var(--code-block-color);
 }
-
 .cm-s-inner .cm-variable-3,
 .cm-s-inner .cm-type {
     color: #f07178;
 }
-
 .cm-s-inner .cm-builtin {
     color: #FFCB6B;
 }
-
 .cm-s-inner .cm-atom {
     color: #F78C6C;
 }
-
 .cm-s-inner .cm-number {
     color: #FF5370;
 }
-
 .cm-s-inner .cm-def {
     color: #82AAFF;
 }
-
 .cm-s-inner .cm-string {
     color: #C3E88D;
 }
-
 .cm-s-inner .cm-string-2 {
     color: #f07178;
 }
-
 .cm-s-inner .cm-comment {
     color: #545454;
 }
-
 .cm-s-inner .cm-variable {
     color: var(--code-block-color);
 }
-
 .cm-s-inner .cm-tag {
     color: #FF5370;
 }
-
 .cm-s-inner .cm-meta {
     color: #FFCB6B;
 }
-
 .cm-s-inner .cm-attribute {
     color: #C792EA;
 }
-
 .cm-s-inner .cm-property {
     color: #C792EA;
 }
-
 .cm-s-inner .cm-qualifier {
     color: #DECB6B;
 }
-
 .cm-s-inner .cm-variable-3,
 .cm-s-inner .cm-type {
     color: #DECB6B;
 }
-
 .cm-s-inner .cm-error {
     color: rgba(255, 255, 255, 1.0);
     background-color: #FF5370;
 }
-
 .cm-s-inner .CodeMirror-matchingbracket {
     text-decoration: underline;
     color: white !important;
 }
-
 .cm-s-inner .CodeMirror-selected {
     background: #214283 !important;
 }
-
 .cm-s-inner .CodeMirror-selectedtext {
     background: #214283 !important;
 }
-
 .cm-s-typora-default .CodeMirror-selectedtext {
     background: var(--select-text-bg-color) !important;
 }
-
 .cm-overlay.CodeMirror-selectedtext {
     background: var(--select-text-bg-color) !important;
 }
-
 .cm-s-inner div.CodeMirror-cursor {
     border-left: 1px solid var(--code-block-color);
 }