DDeiCore-主题
DDei-Core插件提供了默认主题
和黑色主题
。
如需了解详细的API教程以及参数说明,请参考DDei文档
默认主题
黑色主题
使用指南
引入
import { DDeiCoreThemeBlack } from "ddei-editor";
使用并修改设置
extensions: [
......
//通过配置,将黑色主题设置为缺省主题 // [!code ++:4]
DDeiCoreThemeBlack.configuration({
default: true
}),
],
配置说明
快捷键配置项必须全部满足才能触发,配置得越多触发条件约苛刻。
名称 | 说明 | 数据类型 | 范围 | 缺省值 | 备注 |
---|---|---|---|---|---|
default | 缺省主题 | boolean | false | ||
background | 背景色 | string | css样式中定义 | ||
theme | 主题色 | string | css样式中定义 | ||
text | 文本色 | string | css样式中定义 | ||
dot | 点缀色 | string | css样式中定义 | ||
hover | 操作色 | string | css样式中定义 | ||
icon | 图标色 | string | css样式中定义 | ||
border | 边框色 | string | css样式中定义 | ||
placeholder | 提示文本 | string | css样式中定义 | ||
scroll-background | 滚动条背景 | string | css样式中定义 | ||
scroll-hover | 滚动条操作 | string | css样式中定义 | ||
scroll-border | 滚动条边框 | string | css样式中定义 |
主题清单
插件名 | 类名 | 说明 |
---|---|---|
ddei-core-theme-default | DDeiCoreThemeDefault | 缺省主题 |
ddei-core-theme-black | DDeiCoreThemeBlack | 黑色主题 |
仓库信息
源码: https://gitee.com/hoslay/ddei-editor
文档: http://docs.ddei.top
在线体验: https://www.ddei.top