[ayu-dark and ayu-mirage themes] Add
This commit is contained in:
parent
cf5cadedd7
commit
e4e78c26c3
|
@ -9,6 +9,8 @@
|
|||
<link rel="stylesheet" href="../theme/3024-night.css">
|
||||
<link rel="stylesheet" href="../theme/abcdef.css">
|
||||
<link rel="stylesheet" href="../theme/ambiance.css">
|
||||
<link rel="stylesheet" href="../theme/ayu-dark.css">
|
||||
<link rel="stylesheet" href="../theme/ayu-mirage.css">
|
||||
<link rel="stylesheet" href="../theme/base16-dark.css">
|
||||
<link rel="stylesheet" href="../theme/bespin.css">
|
||||
<link rel="stylesheet" href="../theme/base16-light.css">
|
||||
|
@ -106,6 +108,8 @@ function findSequence(goal) {
|
|||
<option>3024-night</option>
|
||||
<option>abcdef</option>
|
||||
<option>ambiance</option>
|
||||
<option>ayu-dark</option>
|
||||
<option>ayu-mirage</option>
|
||||
<option>base16-dark</option>
|
||||
<option>base16-light</option>
|
||||
<option>bespin</option>
|
||||
|
@ -189,4 +193,4 @@ function findSequence(goal) {
|
|||
if (theme) { input.value = theme; selectTheme(); }
|
||||
});
|
||||
</script>
|
||||
</article>
|
||||
</article>
|
||||
|
|
|
@ -0,0 +1,42 @@
|
|||
/* Based on https://github.com/dempfi/ayu */
|
||||
|
||||
.cm-s-ayu-dark.CodeMirror { background: #0a0e14; color: #b3b1ad; }
|
||||
.cm-s-ayu-dark div.CodeMirror-selected { background: #273747; }
|
||||
.cm-s-ayu-dark .CodeMirror-line::selection, .cm-s-ayu-dark .CodeMirror-line > span::selection, .cm-s-ayu-dark .CodeMirror-line > span > span::selection { background: rgba(39, 55, 71, 99); }
|
||||
.cm-s-ayu-dark .CodeMirror-line::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span::-moz-selection, .cm-s-ayu-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(39, 55, 71, 99); }
|
||||
.cm-s-ayu-dark .CodeMirror-gutters { background: #0a0e14; border-right: 0px; }
|
||||
.cm-s-ayu-dark .CodeMirror-guttermarker { color: white; }
|
||||
.cm-s-ayu-dark .CodeMirror-guttermarker-subtle { color: #3d424d; }
|
||||
.cm-s-ayu-dark .CodeMirror-linenumber { color: #3d424d; }
|
||||
.cm-s-ayu-dark .CodeMirror-cursor { border-left: 1px solid #e6b450; }
|
||||
|
||||
.cm-s-ayu-dark span.cm-comment { color: #626a73; }
|
||||
.cm-s-ayu-dark span.cm-atom { color: #ae81ff; }
|
||||
.cm-s-ayu-dark span.cm-number { color: #e6b450; }
|
||||
|
||||
.cm-s-ayu-dark span.cm-comment.cm-attribute { color: #ffb454; }
|
||||
.cm-s-ayu-dark span.cm-comment.cm-def { color: rgba(57, 186, 230, 80); }
|
||||
.cm-s-ayu-dark span.cm-comment.cm-tag { color: #39bae6; }
|
||||
.cm-s-ayu-dark span.cm-comment.cm-type { color: #5998a6; }
|
||||
|
||||
.cm-s-ayu-dark span.cm-property, .cm-s-ayu-dark span.cm-attribute { color: #ffb454; }
|
||||
.cm-s-ayu-dark span.cm-keyword { color: #ff8f40; }
|
||||
.cm-s-ayu-dark span.cm-builtin { color: #e6b450; }
|
||||
.cm-s-ayu-dark span.cm-string { color: #c2d94c; }
|
||||
|
||||
.cm-s-ayu-dark span.cm-variable { color: #b3b1ad; }
|
||||
.cm-s-ayu-dark span.cm-variable-2 { color: #f07178; }
|
||||
.cm-s-ayu-dark span.cm-variable-3 { color: #39bae6; }
|
||||
.cm-s-ayu-dark span.cm-type { color: #ff8f40; }
|
||||
.cm-s-ayu-dark span.cm-def { color: #ffee99; }
|
||||
.cm-s-ayu-dark span.cm-bracket { color: #f8f8f2; }
|
||||
.cm-s-ayu-dark span.cm-tag { color: rgba(57, 186, 230, 80); }
|
||||
.cm-s-ayu-dark span.cm-header { color: #c2d94c; }
|
||||
.cm-s-ayu-dark span.cm-link { color: #39bae6; }
|
||||
.cm-s-ayu-dark span.cm-error { color: #ff3333; }
|
||||
|
||||
.cm-s-ayu-dark .CodeMirror-activeline-background { background: #01060e; }
|
||||
.cm-s-ayu-dark .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
|
@ -0,0 +1,43 @@
|
|||
/* Based on https://github.com/dempfi/ayu */
|
||||
|
||||
.cm-s-ayu-mirage.CodeMirror { background: #1f2430; color: #cbccc6; }
|
||||
.cm-s-ayu-mirage div.CodeMirror-selected { background: #34455a; }
|
||||
.cm-s-ayu-mirage .CodeMirror-line::selection, .cm-s-ayu-mirage .CodeMirror-line > span::selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::selection { background: #34455a; }
|
||||
.cm-s-ayu-mirage .CodeMirror-line::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span::-moz-selection, .cm-s-ayu-mirage .CodeMirror-line > span > span::-moz-selection { background: rgba(25, 30, 42, 99); }
|
||||
.cm-s-ayu-mirage .CodeMirror-gutters { background: #1f2430; border-right: 0px; }
|
||||
.cm-s-ayu-mirage .CodeMirror-guttermarker { color: white; }
|
||||
.cm-s-ayu-mirage .CodeMirror-guttermarker-subtle { color: rgba(112, 122, 140, 66); }
|
||||
.cm-s-ayu-mirage .CodeMirror-linenumber { color: rgba(61, 66, 77, 99); }
|
||||
.cm-s-ayu-mirage .CodeMirror-cursor { border-left: 1px solid #ffcc66; }
|
||||
|
||||
.cm-s-ayu-mirage span.cm-comment { color: #5c6773; font-style:italic; }
|
||||
.cm-s-ayu-mirage span.cm-atom { color: #ae81ff; }
|
||||
.cm-s-ayu-mirage span.cm-number { color: #ffcc66; }
|
||||
|
||||
.cm-s-ayu-mirage span.cm-comment.cm-attribute { color: #ffd580; }
|
||||
.cm-s-ayu-mirage span.cm-comment.cm-def { color: #d4bfff; }
|
||||
.cm-s-ayu-mirage span.cm-comment.cm-tag { color: #5ccfe6; }
|
||||
.cm-s-ayu-mirage span.cm-comment.cm-type { color: #5998a6; }
|
||||
|
||||
.cm-s-ayu-mirage span.cm-property { color: #f29e74; }
|
||||
.cm-s-ayu-mirage span.cm-attribute { color: #ffd580; }
|
||||
.cm-s-ayu-mirage span.cm-keyword { color: #ffa759; }
|
||||
.cm-s-ayu-mirage span.cm-builtin { color: #ffcc66; }
|
||||
.cm-s-ayu-mirage span.cm-string { color: #bae67e; }
|
||||
|
||||
.cm-s-ayu-mirage span.cm-variable { color: #cbccc6; }
|
||||
.cm-s-ayu-mirage span.cm-variable-2 { color: #f28779; }
|
||||
.cm-s-ayu-mirage span.cm-variable-3 { color: #5ccfe6; }
|
||||
.cm-s-ayu-mirage span.cm-type { color: #ffa759; }
|
||||
.cm-s-ayu-mirage span.cm-def { color: #ffd580; }
|
||||
.cm-s-ayu-mirage span.cm-bracket { color: rgba(92, 207, 230, 80); }
|
||||
.cm-s-ayu-mirage span.cm-tag { color: #5ccfe6; }
|
||||
.cm-s-ayu-mirage span.cm-header { color: #bae67e; }
|
||||
.cm-s-ayu-mirage span.cm-link { color: #5ccfe6; }
|
||||
.cm-s-ayu-mirage span.cm-error { color: #ff3333; }
|
||||
|
||||
.cm-s-ayu-mirage .CodeMirror-activeline-background { background: #191e2a; }
|
||||
.cm-s-ayu-mirage .CodeMirror-matchingbracket {
|
||||
text-decoration: underline;
|
||||
color: white !important;
|
||||
}
|
Loading…
Reference in New Issue