mirror of
https://github.com/doocs/md.git
synced 2024-11-28 13:36:32 +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: '',
|
source: '',
|
||||||
editorThemes: [
|
editorThemes: [
|
||||||
{ label: '淡雅', value: 'xq-light' },
|
{ label: '淡雅', value: 'xq-light' },
|
||||||
{ label: '精美', value: 'eclipse' },
|
{ label: '精致', value: 'eclipse' },
|
||||||
{ label: '暗绿', value: 'oceanic-next' }
|
{ label: '暗绿', value: 'oceanic-next' }
|
||||||
],
|
],
|
||||||
editor: null,
|
editor: null,
|
||||||
@ -27,16 +27,16 @@ let app = new Vue({
|
|||||||
{ label: '15px', value: '15px', desc: '稍大' }
|
{ label: '15px', value: '15px', desc: '稍大' }
|
||||||
],
|
],
|
||||||
colorOption: [
|
colorOption: [
|
||||||
{ label: '橘红', value: 'rgba(255, 95, 46, 0.9)', hex: '#FF5F2E' },
|
{ label: '经典蓝', value: 'rgba(15, 76, 129, 0.9)', hex: '最新流行色' },
|
||||||
{ label: '淡绿', value: 'rgba(66, 185, 131, 0.9)', hex: '#42B983' },
|
{ label: '翡翠绿', value: 'rgba(0, 152, 116, 0.9)', hex: '清新且优雅' },
|
||||||
{ label: '暗青', value: 'rgba(0, 139, 139, 0.9)', hex: '#008B8B' }
|
{ label: '辣椒红', value: 'rgba(155, 35, 53, 0.9)', hex: '自信且迷人' }
|
||||||
],
|
],
|
||||||
aboutDialogVisible: false
|
aboutDialogVisible: false
|
||||||
};
|
};
|
||||||
d.currentEditorTheme = d.editorThemes[0].value;
|
d.currentEditorTheme = d.editorThemes[0].value;
|
||||||
d.currentFont = d.builtinFonts[0].value;
|
d.currentFont = d.builtinFonts[0].value;
|
||||||
d.currentSize = d.sizeOption[1].value;
|
d.currentSize = d.sizeOption[1].value;
|
||||||
d.currentColor = d.colorOption[1].value;
|
d.currentColor = d.colorOption[0].value;
|
||||||
return d;
|
return d;
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
@ -16,7 +16,7 @@ let default_theme = {
|
|||||||
'display': 'table',
|
'display': 'table',
|
||||||
'margin': '2em auto 1em',
|
'margin': '2em auto 1em',
|
||||||
'padding': '0 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',
|
'display': 'table',
|
||||||
'margin': '4em auto 2em',
|
'margin': '4em auto 2em',
|
||||||
'padding': '0 0.2em',
|
'padding': '0 0.2em',
|
||||||
'background': 'rgba(255, 95, 46, 0.9)',
|
'background': 'rgba(15, 76, 129, 0.9)',
|
||||||
'color': '#fff'
|
'color': '#fff'
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -38,7 +38,7 @@ let default_theme = {
|
|||||||
'margin': '2em 8px 0.75em 0',
|
'margin': '2em 8px 0.75em 0',
|
||||||
'line-height': '1.2',
|
'line-height': '1.2',
|
||||||
'padding-left': '8px',
|
'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: {
|
strong: {
|
||||||
'color': 'rgba(255, 95, 46, 0.9)',
|
'color': 'rgba(15, 76, 129, 0.9)',
|
||||||
'font-weight': 'bold',
|
'font-weight': 'bold',
|
||||||
},
|
},
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user