mirror of
https://github.com/chinchang/web-maker.git
synced 2025-02-23 22:53:18 +01:00
load theme css on demand.fixes #84
This commit is contained in:
Kushagra Gour
parent
bb05c17ae4
commit
368c3d5d4a
@ -4,53 +4,7 @@
|
||||
<title>Web Maker</title>
|
||||
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
|
||||
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/3024-day.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/3024-night.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/abcdef.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/ambiance.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/base16-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/base16-light.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/bespin.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/blackboard.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/cobalt.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/colorforth.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/dracula.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/duotone-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/duotone-light.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/eclipse.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/elegant.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/erlang-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/hopscotch.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/icecoder.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/isotope.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/lesser-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/liquibyte.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/material.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/mbo.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/mdn-like.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/midnight.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/monokai.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/neat.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/neo.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/night.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/panda-syntax.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/paraiso-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/paraiso-light.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/pastel-on-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/railscasts.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/rubyblue.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/seti.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/solarized.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/the-matrix.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/tomorrow-night-bright.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/tomorrow-night-eighties.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/ttcn.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/twilight.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/vibrant-ink.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/xq-dark.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/xq-light.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/yeti.css"></link>
|
||||
<link rel="stylesheet" href="/lib/codemirror/theme/zenburn.css"></link>
|
||||
<link rel="stylesheet" id="editorThemeLinkTag" href="/lib/codemirror/theme/monokai.css"></link>
|
||||
|
||||
<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
|
||||
<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
|
||||
|
||||
169
src/lib/codemirror/theme/solarized.css
vendored
169
src/lib/codemirror/theme/solarized.css
vendored
@ -1,169 +0,0 @@
|
||||
/*
|
||||
Solarized theme for code-mirror
|
||||
http://ethanschoonover.com/solarized
|
||||
*/
|
||||
|
||||
/*
|
||||
Solarized color palette
|
||||
http://ethanschoonover.com/solarized/img/solarized-palette.png
|
||||
*/
|
||||
|
||||
.solarized.base03 { color: #002b36; }
|
||||
.solarized.base02 { color: #073642; }
|
||||
.solarized.base01 { color: #586e75; }
|
||||
.solarized.base00 { color: #657b83; }
|
||||
.solarized.base0 { color: #839496; }
|
||||
.solarized.base1 { color: #93a1a1; }
|
||||
.solarized.base2 { color: #eee8d5; }
|
||||
.solarized.base3 { color: #fdf6e3; }
|
||||
.solarized.solar-yellow { color: #b58900; }
|
||||
.solarized.solar-orange { color: #cb4b16; }
|
||||
.solarized.solar-red { color: #dc322f; }
|
||||
.solarized.solar-magenta { color: #d33682; }
|
||||
.solarized.solar-violet { color: #6c71c4; }
|
||||
.solarized.solar-blue { color: #268bd2; }
|
||||
.solarized.solar-cyan { color: #2aa198; }
|
||||
.solarized.solar-green { color: #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: #839496;
|
||||
background-color: #002b36;
|
||||
text-shadow: #002b36 0 1px;
|
||||
}
|
||||
.cm-s-solarized.cm-s-light {
|
||||
background-color: #fdf6e3;
|
||||
color: #657b83;
|
||||
text-shadow: #eee8d5 0 1px;
|
||||
}
|
||||
|
||||
.cm-s-solarized .CodeMirror-widget {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.cm-s-solarized .cm-header { color: #586e75; }
|
||||
.cm-s-solarized .cm-quote { color: #93a1a1; }
|
||||
|
||||
.cm-s-solarized .cm-keyword { color: #cb4b16; }
|
||||
.cm-s-solarized .cm-atom { color: #d33682; }
|
||||
.cm-s-solarized .cm-number { color: #d33682; }
|
||||
.cm-s-solarized .cm-def { color: #2aa198; }
|
||||
|
||||
.cm-s-solarized .cm-variable { color: #839496; }
|
||||
.cm-s-solarized .cm-variable-2 { color: #b58900; }
|
||||
.cm-s-solarized .cm-variable-3 { color: #6c71c4; }
|
||||
|
||||
.cm-s-solarized .cm-property { color: #2aa198; }
|
||||
.cm-s-solarized .cm-operator { color: #6c71c4; }
|
||||
|
||||
.cm-s-solarized .cm-comment { color: #586e75; font-style:italic; }
|
||||
|
||||
.cm-s-solarized .cm-string { color: #859900; }
|
||||
.cm-s-solarized .cm-string-2 { color: #b58900; }
|
||||
|
||||
.cm-s-solarized .cm-meta { color: #859900; }
|
||||
.cm-s-solarized .cm-qualifier { color: #b58900; }
|
||||
.cm-s-solarized .cm-builtin { color: #d33682; }
|
||||
.cm-s-solarized .cm-bracket { color: #cb4b16; }
|
||||
.cm-s-solarized .CodeMirror-matchingbracket { color: #859900; }
|
||||
.cm-s-solarized .CodeMirror-nonmatchingbracket { color: #dc322f; }
|
||||
.cm-s-solarized .cm-tag { color: #93a1a1; }
|
||||
.cm-s-solarized .cm-attribute { color: #2aa198; }
|
||||
.cm-s-solarized .cm-hr {
|
||||
color: transparent;
|
||||
border-top: 1px solid #586e75;
|
||||
display: block;
|
||||
}
|
||||
.cm-s-solarized .cm-link { color: #93a1a1; cursor: pointer; }
|
||||
.cm-s-solarized .cm-special { color: #6c71c4; }
|
||||
.cm-s-solarized .cm-em {
|
||||
color: #999;
|
||||
text-decoration: underline;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
.cm-s-solarized .cm-strong { color: #eee; }
|
||||
.cm-s-solarized .cm-error,
|
||||
.cm-s-solarized .cm-invalidchar {
|
||||
color: #586e75;
|
||||
border-bottom: 1px dotted #dc322f;
|
||||
}
|
||||
|
||||
.cm-s-solarized.cm-s-dark div.CodeMirror-selected { background: #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: #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: #eee8d5; }
|
||||
.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-ligh .CodeMirror-line > span::-moz-selection, .cm-s-ligh .CodeMirror-line > span > span::-moz-selection { background: #eee8d5; }
|
||||
|
||||
/* Editor styling */
|
||||
|
||||
|
||||
|
||||
/* Little shadow on the view-port of the buffer view */
|
||||
.cm-s-solarized.CodeMirror {
|
||||
-moz-box-shadow: inset 7px 0 12px -6px #000;
|
||||
-webkit-box-shadow: inset 7px 0 12px -6px #000;
|
||||
box-shadow: inset 7px 0 12px -6px #000;
|
||||
}
|
||||
|
||||
/* 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: #073642;
|
||||
}
|
||||
|
||||
.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
|
||||
color: #586e75;
|
||||
text-shadow: #021014 0 -1px;
|
||||
}
|
||||
|
||||
/* Light */
|
||||
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
|
||||
background-color: #eee8d5;
|
||||
}
|
||||
|
||||
.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
|
||||
color: #839496;
|
||||
}
|
||||
|
||||
/* Common */
|
||||
.cm-s-solarized .CodeMirror-linenumber {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.cm-s-solarized .CodeMirror-guttermarker-subtle { color: #586e75; }
|
||||
.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker { color: #ddd; }
|
||||
.cm-s-solarized.cm-s-light .CodeMirror-guttermarker { color: #cb4b16; }
|
||||
|
||||
.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
|
||||
color: #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: #586e75; }
|
||||
.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor { background-color: #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);
|
||||
}
|
||||
@ -1175,6 +1175,9 @@ onboardDontShowInTabOptionBtn, TextareaAutoComplete */
|
||||
scope.cm[type].setOption('indentUnit', $('[data-setting=indentSize]').value);
|
||||
scope.cm[type].setOption('tabSize', $('[data-setting=indentSize]').value);
|
||||
scope.cm[type].setOption('theme', $('[data-setting=editorTheme]').value);
|
||||
// Replace correct css file in LINK tags's href
|
||||
editorThemeLinkTag.href = '/lib/codemirror/theme/' + prefs.editorTheme + '.css';
|
||||
|
||||
scope.cm[type].setOption('keyMap', $('[data-setting=keymap]').value);
|
||||
scope.cm[type].setOption('keyMap', $('[data-setting=keymap]').value);
|
||||
scope.cm[type].refresh();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user