style: update editor themes

更新编辑器主题
This commit is contained in:
yanglbme 2019-11-06 10:38:05 +08:00
parent 7b126d91e6
commit c2297e6f4c
3 changed files with 8 additions and 8 deletions

View File

@ -151,7 +151,7 @@ section {
border: 1px solid #f0f0f0; border: 1px solid #f0f0f0;
border-radius: 2px; border-radius: 2px;
display: flex; display: flex;
line-height: 26px; line-height: 24px;
} }
.code-snippet__fix .code-snippet__line-index { .code-snippet__fix .code-snippet__line-index {
@ -196,7 +196,7 @@ section {
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; width: 6px;
height: 16px; height: 6px;
background-color: #FFF; background-color: #FFF;
} }

View File

@ -6,9 +6,9 @@ let app = new Vue({
output: '', output: '',
source: '', source: '',
editorThemes: [ editorThemes: [
{ label: 'base16-light', value: 'base16-light' }, { label: '淡雅', value: 'xq-light'},
{ label: 'duotone-light', value: 'duotone-light' }, { label: '精美', value: 'eclipse'},
{ label: 'monokai', value: 'monokai' } { label: '暗绿', value: 'oceanic-next'}
], ],
editor: null, editor: null,
builtinFonts: [ builtinFonts: [

View File

@ -11,9 +11,9 @@
<link rel="stylesheet" href="assets/css/loading.css"> <link rel="stylesheet" href="assets/css/loading.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.11.1/theme-chalk/index.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.11.1/theme-chalk/index.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/codemirror.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/codemirror.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/base16-light.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/xq-light.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/duotone-light.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/eclipse.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/monokai.min.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/codemirror/5.48.4/theme/oceanic-next.min.css">
<link rel="stylesheet" href="libs/prettify/code-themes/github-v2.min.css"> <link rel="stylesheet" href="libs/prettify/code-themes/github-v2.min.css">
<link rel="stylesheet" href="assets/css/app.css"> <link rel="stylesheet" href="assets/css/app.css">
</head> </head>