style: update default color themes

更新可选颜色:添加2020年度色(经典蓝)
This commit is contained in:
yanglbme 2019-12-05 22:04:32 +08:00
parent e7726b7a5c
commit 7d992e4a79
2 changed files with 9 additions and 9 deletions

View File

@ -7,7 +7,7 @@ let app = new Vue({
source: '',
editorThemes: [
{ label: '淡雅', value: 'xq-light' },
{ label: '精', value: 'eclipse' },
{ label: '精', value: 'eclipse' },
{ label: '暗绿', value: 'oceanic-next' }
],
editor: null,
@ -27,16 +27,16 @@ let app = new Vue({
{ label: '15px', value: '15px', desc: '稍大' }
],
colorOption: [
{ label: '橘红', value: 'rgba(255, 95, 46, 0.9)', hex: '#FF5F2E' },
{ label: '淡绿', value: 'rgba(66, 185, 131, 0.9)', hex: '#42B983' },
{ label: '暗青', value: 'rgba(0, 139, 139, 0.9)', hex: '#008B8B' }
{ label: '经典蓝', value: 'rgba(15, 76, 129, 0.9)', hex: '最新流行色' },
{ label: '翡翠绿', value: 'rgba(0, 152, 116, 0.9)', hex: '清新且优雅' },
{ label: '辣椒红', value: 'rgba(155, 35, 53, 0.9)', hex: '自信且迷人' }
],
aboutDialogVisible: false
};
d.currentEditorTheme = d.editorThemes[0].value;
d.currentFont = d.builtinFonts[0].value;
d.currentSize = d.sizeOption[1].value;
d.currentColor = d.colorOption[1].value;
d.currentColor = d.colorOption[0].value;
return d;
},
mounted() {

View File

@ -16,7 +16,7 @@ let default_theme = {
'display': 'table',
'margin': '2em auto 1em',
'padding': '0 1em',
'border-bottom': '2px solid rgba(255, 95, 46, 0.9)'
'border-bottom': '2px solid rgba(15, 76, 129, 0.9)'
},
// 二级标题样式
@ -27,7 +27,7 @@ let default_theme = {
'display': 'table',
'margin': '4em auto 2em',
'padding': '0 0.2em',
'background': 'rgba(255, 95, 46, 0.9)',
'background': 'rgba(15, 76, 129, 0.9)',
'color': '#fff'
},
@ -38,7 +38,7 @@ let default_theme = {
'margin': '2em 8px 0.75em 0',
'line-height': '1.2',
'padding-left': '8px',
'border-left': '3px solid rgba(255, 95, 46, 0.9)'
'border-left': '3px solid rgba(15, 76, 129, 0.9)'
},
// 四级标题样式
@ -144,7 +144,7 @@ let default_theme = {
// 字体加粗样式
strong: {
'color': 'rgba(255, 95, 46, 0.9)',
'color': 'rgba(15, 76, 129, 0.9)',
'font-weight': 'bold',
},