github
/
dev-sidecar
mirror of https://github.com/docmirror/dev-sidecar
1
0
Fork 0
Code Issues Releases Wiki Activity

暗色主题：JSON编辑器样式优化。

pull/297/head
王良 2024-04-15 14:06:53 +08:00
parent 0115b37af5
commit 21ddb207e4
1 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/gui/src/view/style/theme/dark.scss
View File

@ -142,15 +142,24 @@ $dark-input: #777; //输入框：背景色
/* JSON编辑器：应用于拦截设置 */ /* JSON编辑器：应用于拦截设置 */
.jsoneditor-vue{ .jsoneditor-vue{
/* 头部和边框 */ /*整个编辑框：背景色和边框*/
div.jsoneditor-menu, div.jsoneditor{ div.jsoneditor{
background: $dark-bg; background: $dark-bg-highlight;
border-color: $dark-bd; border: none;
} }
/* 内容区域：背景和字体颜色 */ /* 头部菜单栏：边框 */
.ace_gutter, .ace_scroller{ div.jsoneditor-menu{
background: $dark-bg-highlight;
border-color: $dark-bg-highlight;
}
/* 内容区域左边：行号 */
.ace_gutter{
background: #444;
.ace_gutter-cell { color: #aaa; }
}
/* 内容区域右边：JSON内容 */
.ace_scroller{
background: #555; background: #555;
color: #eee;
} }
/* key的颜色 */ /* key的颜色 */
.ace_variable, .ace_text-layer{ .ace_variable, .ace_text-layer{
@ -175,5 +184,16 @@ $dark-input: #777; //输入框：背景色
.ace_marker-layer .ace_active-line{ .ace_marker-layer .ace_active-line{
background: #838774; background: #838774;
} }
/* 选中行高亮样式 */
.ace-jsoneditor {
.ace_marker-layer .ace_selection {
background: #888;
}
/* 光标颜色 */
.ace_cursor {
border-left-color: #ddd;
}
}
} }
} }