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