mirror of
https://github.com/doocs/md.git
synced 2024-11-24 19:10:34 +08:00
style: update default color themes
更新可选颜色:添加2020年度色(经典蓝)
This commit is contained in:
parent
e7726b7a5c
commit
7d992e4a79
@ -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() {
|
||||
|
@ -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',
|
||||
},
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user