mirror of
https://github.com/logseq/logseq.git
synced 2026-04-30 00:46:23 +00:00
Update codemirror
This commit is contained in:
173
resources/css/codemirror.lsradix.css
Normal file
173
resources/css/codemirror.lsradix.css
Normal file
@@ -0,0 +1,173 @@
|
||||
/*
|
||||
lsradix theme for code-mirror
|
||||
http://ethanschoonover.com/lsradix
|
||||
*/
|
||||
|
||||
/*
|
||||
lsradix color palette
|
||||
http://ethanschoonover.com/lsradix/img/lsradix-palette.png
|
||||
*/
|
||||
|
||||
.lsradix.base03 { color: or(--lx-gray-01, #002b36); }
|
||||
.dark .lsradix.base03 { color: or(--lx-gray-02, #002b36); }
|
||||
.lsradix.base02 { color: or(--lx-gray-02, #073642); }
|
||||
.dark .lsradix.base02 { color: or(--lx-gray-01, #073642); }
|
||||
.lsradix.base01 { color: or(--lx-gray-03, #586e75); }
|
||||
.lsradix.base00 { color: or(--lx-gray-04, #657b83); }
|
||||
.lsradix.base0 { color: or(--lx-gray-09, #839496); }
|
||||
.lsradix.base1 { color: or(--lx-gray-10, #93a1a1); }
|
||||
.lsradix.base2 { color: or(--lx-gray-11, #eee8d5); }
|
||||
.lsradix.base3 { color: or(--lx-gray-12, #fdf6e3); }
|
||||
.lsradix.solar-yellow { color: or(--rx-yellow-11, #b58900); }
|
||||
.lsradix.solar-orange { color: or(--rx-orange-11, #cb4b16); }
|
||||
.lsradix.solar-red { color: or(--rx-red-11, #dc322f); }
|
||||
.lsradix.solar-magenta { color: or(--rx-pink-11, #d33682); }
|
||||
.lsradix.solar-violet { color: or(--rx-purple-11, #6c71c4); }
|
||||
.lsradix.solar-blue { color: or(--rx-blue-11, #268bd2); }
|
||||
.lsradix.solar-cyan { color: or(--rx-sky-11, #2aa198); }
|
||||
.lsradix.solar-green { color: or(--rx-grass-11, #859900); }
|
||||
|
||||
/* Color scheme for code-mirror */
|
||||
|
||||
.cm-s-lsradix {
|
||||
line-height: 1.45em;
|
||||
color-profile: sRGB;
|
||||
rendering-intent: auto;
|
||||
}
|
||||
.cm-s-lsradix.cm-s-dark {
|
||||
/* color: or(--lx-gray-09, #839496); */
|
||||
color: or(--lx-gray-11, #839496);
|
||||
background-color: or(--lx-gray-01, #002b36);
|
||||
text-shadow: #002b36 0 1px;
|
||||
}
|
||||
|
||||
.dark .cm-s-lsradix.cm-s-dark {
|
||||
background-color: or(--lx-gray-02, #002b36);
|
||||
}
|
||||
|
||||
.cm-s-lsradix.cm-s-light {
|
||||
/* background-color: or(--lx-gray-12, #fdf6e3); */
|
||||
background-color: or(--lx-gray-11, #fdf6e3);
|
||||
color: or(--lx-gray-01, #657b83);
|
||||
text-shadow: #eee8d5 0 1px;
|
||||
}
|
||||
|
||||
.cm-s-lsradix .CodeMirror-widget {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.cm-s-lsradix .cm-header { color: or(--lx-gray-03, #586e75); }
|
||||
.cm-s-lsradix .cm-quote { color: or(--lx-gray-10, #93a1a1); }
|
||||
|
||||
.cm-s-lsradix .cm-keyword { color: or(--rx-orange-11, #cb4b16); }
|
||||
.cm-s-lsradix .cm-atom { color: or(--rx-pink-11, #d33682); }
|
||||
.cm-s-lsradix .cm-number { color: or(--rx-pink-11, #d33682); }
|
||||
.cm-s-lsradix .cm-def { color: or(--rx-sky-11, #2aa198); }
|
||||
|
||||
/* .cm-s-lsradix .cm-variable { color: or(--lx-gray-09, #839496); } */
|
||||
.cm-s-lsradix .cm-variable { color: or(--lx-gray-10, #839496); }
|
||||
.cm-s-lsradix .cm-variable-2 { color: or(--rx-yellow-11, #b58900); }
|
||||
.cm-s-lsradix .cm-variable-3, .cm-s-lsradix .cm-type { color: or(--rx-purple-11, #6c71c4); }
|
||||
|
||||
.cm-s-lsradix .cm-property { color: or(--rx-sky-11, #2aa198); }
|
||||
.cm-s-lsradix .cm-operator { color: or(--rx-purple-11, #6c71c4); }
|
||||
|
||||
.cm-s-lsradix .cm-comment { color: or(--lx-gray-03, #586e75); font-style:italic; }
|
||||
|
||||
.cm-s-lsradix .cm-string { color: or(--rx-grass-11, #859900); }
|
||||
.cm-s-lsradix .cm-string-2 { color: or(--rx-yellow-11, #b58900); }
|
||||
|
||||
.cm-s-lsradix .cm-meta { color: or(--rx-grass-11, #859900); }
|
||||
.cm-s-lsradix .cm-qualifier { color: or(--rx-yellow-11, #b58900); }
|
||||
.cm-s-lsradix .cm-builtin { color: or(--rx-pink-11, #d33682); }
|
||||
.cm-s-lsradix .cm-bracket { color: or(--rx-orange-11, #cb4b16); }
|
||||
.cm-s-lsradix .CodeMirror-matchingbracket { color: or(--rx-grass-11, #859900); }
|
||||
.cm-s-lsradix .CodeMirror-nonmatchingbracket { color: or(--rx-red-11, #dc322f); }
|
||||
.cm-s-lsradix .cm-tag { color: or(--lx-gray-10, #93a1a1); }
|
||||
.cm-s-lsradix .cm-attribute { color: or(--rx-sky-11, #2aa198); }
|
||||
.cm-s-lsradix .cm-hr {
|
||||
color: transparent;
|
||||
border-top: 1px solid or(--lx-gray-03, #586e75);
|
||||
display: block;
|
||||
}
|
||||
.cm-s-lsradix .cm-link { color: or(--lx-gray-10, #93a1a1); cursor: pointer; }
|
||||
.cm-s-lsradix .cm-special { color: or(--rx-purple-11, #6c71c4); }
|
||||
.cm-s-lsradix .cm-em {
|
||||
color: #999;
|
||||
text-decoration: underline;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
.cm-s-lsradix .cm-error,
|
||||
.cm-s-lsradix .cm-invalidchar {
|
||||
/* color: or(--lx-gray-03, #586e75); */
|
||||
color: or(--lx-gray-10, #586e75);
|
||||
border-bottom: 1px dotted or(--rx-red-11, #dc322f);
|
||||
}
|
||||
|
||||
.cm-s-lsradix.cm-s-dark div.CodeMirror-selected { background: or(--lx-gray-02, #073642); }
|
||||
.cm-s-lsradix.cm-s-dark.CodeMirror ::selection { background: rgba(7, 54, 66, 0.99); }
|
||||
.cm-s-lsradix.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(7, 54, 66, 0.99); }
|
||||
|
||||
.cm-s-lsradix.cm-s-light div.CodeMirror-selected { background: or(--lx-gray-11, #eee8d5); }
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection { background: or(--lx-gray-11, #eee8d5); }
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection { background: or(--lx-gray-11, #eee8d5); }
|
||||
|
||||
/* Editor styling */
|
||||
|
||||
|
||||
/* Remove gutter border */
|
||||
.cm-s-lsradix .CodeMirror-gutters {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
/* Gutter colors and line number styling based of color scheme (dark / light) */
|
||||
|
||||
/* Dark */
|
||||
.cm-s-lsradix.cm-s-dark .CodeMirror-gutters {
|
||||
background-color: or(--lx-gray-01, #073642);
|
||||
}
|
||||
|
||||
.cm-s-lsradix.cm-s-dark .CodeMirror-linenumber {
|
||||
color: or(--lx-gray-09, #586e75);
|
||||
/* color: or(--lx-gray-03, #586e75); */
|
||||
text-shadow: #021014 0 -1px;
|
||||
}
|
||||
|
||||
/* Light */
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-gutters {
|
||||
background-color: or(--lx-gray-02, #eee8d5);
|
||||
/* background-color: or(--lx-gray-11, #eee8d5); */
|
||||
}
|
||||
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-linenumber {
|
||||
color: or(--lx-gray-09, #839496);
|
||||
}
|
||||
|
||||
/* Common */
|
||||
.cm-s-lsradix .CodeMirror-linenumber {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.cm-s-lsradix .CodeMirror-guttermarker-subtle { color: or(--lx-gray-03, #586e75); }
|
||||
.cm-s-lsradix.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-guttermarker { color: or(--rx-orange-11, #cb4b16); }
|
||||
|
||||
.cm-s-lsradix .CodeMirror-gutter .CodeMirror-gutter-text {
|
||||
color: or(--lx-gray-03, #586e75);
|
||||
}
|
||||
|
||||
/* Cursor */
|
||||
.cm-s-lsradix .CodeMirror-cursor { border-left: 1px solid #819090; }
|
||||
|
||||
/* Fat cursor */
|
||||
.cm-s-lsradix.cm-s-light.cm-fat-cursor .CodeMirror-cursor { background: #77ee77; }
|
||||
.cm-s-lsradix.cm-s-light .cm-animate-fat-cursor { background-color: #77ee77; }
|
||||
.cm-s-lsradix.cm-s-dark.cm-fat-cursor .CodeMirror-cursor { background: or(--lx-gray-03, #586e75); }
|
||||
.cm-s-lsradix.cm-s-dark .cm-animate-fat-cursor { background-color: or(--lx-gray-03, #586e75); }
|
||||
|
||||
/* Active line */
|
||||
.cm-s-lsradix.cm-s-dark .CodeMirror-activeline-background {
|
||||
background: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
.cm-s-lsradix.cm-s-light .CodeMirror-activeline-background {
|
||||
background: rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
Reference in New Issue
Block a user