暗色主题:JSON编辑器样式优化。
parent
0115b37af5
commit
21ddb207e4
|
@ -142,15 +142,24 @@ $dark-input: #777; //输入框:背景色
|
|||
|
||||
/* JSON编辑器:应用于拦截设置 */
|
||||
.jsoneditor-vue{
|
||||
/* 头部和边框 */
|
||||
div.jsoneditor-menu, div.jsoneditor{
|
||||
background: $dark-bg;
|
||||
border-color: $dark-bd;
|
||||
/*整个编辑框:背景色和边框*/
|
||||
div.jsoneditor{
|
||||
background: $dark-bg-highlight;
|
||||
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;
|
||||
color: #eee;
|
||||
}
|
||||
/* key的颜色 */
|
||||
.ace_variable, .ace_text-layer{
|
||||
|
@ -175,5 +184,16 @@ $dark-input: #777; //输入框:背景色
|
|||
.ace_marker-layer .ace_active-line{
|
||||
background: #838774;
|
||||
}
|
||||
/* 选中行高亮样式 */
|
||||
.ace-jsoneditor {
|
||||
.ace_marker-layer .ace_selection {
|
||||
background: #888;
|
||||
}
|
||||
|
||||
/* 光标颜色 */
|
||||
.ace_cursor {
|
||||
border-left-color: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue