You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
3.6 KiB
117 lines
3.6 KiB
const e=`
|
|
.vue-ts-json-editor {
|
|
min-width:300px;
|
|
width:100%
|
|
}
|
|
|
|
.vue-ts-json-editor--max-box{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100vw;
|
|
height:100vh;
|
|
z-index:10000
|
|
}
|
|
|
|
.vue-ts-json-editor .jse-menu .jse-full-width{
|
|
display:flex
|
|
}
|
|
|
|
.vue-ts-json-editor .jse-menu .jse-full-width--active{
|
|
background-color:#ffffff38!important;
|
|
border-color:#fff9!important
|
|
}
|
|
`,o=`
|
|
.jse-theme-dark {
|
|
/* over all fonts, sizes, and colors */
|
|
--jse-theme-color: #2f6dd0;
|
|
--jse-theme-color-highlight: #467cd2;
|
|
--jse-background-color: #1e1e1e;
|
|
--jse-text-color: #d4d4d4;
|
|
|
|
/* main, menu, modal */
|
|
--jse-main-border: 1px solid #4f4f4f;
|
|
--jse-menu-color: #fff;
|
|
--jse-modal-background: #2f2f2f;
|
|
--jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
|
|
--jse-modal-code-background: #2f2f2f;
|
|
|
|
/* panels: navigation bar, gutter, search box */
|
|
--jse-panel-background: #333333;
|
|
--jse-panel-background-border: 1px solid #464646;
|
|
--jse-panel-color: var(--jse-text-color);
|
|
--jse-panel-color-readonly: #737373;
|
|
--jse-panel-border: 1px solid #3c3c3c;
|
|
--jse-panel-button-color-highlight: #e5e5e5;
|
|
--jse-panel-button-background-highlight: #464646;
|
|
|
|
/* navigation-bar */
|
|
--jse-navigation-bar-background: #656565;
|
|
--jse-navigation-bar-background-highlight: #7e7e7e;
|
|
--jse-navigation-bar-dropdown-color: var(--jse-text-color);
|
|
|
|
/* context menu */
|
|
--jse-context-menu-background: #4b4b4b;
|
|
--jse-context-menu-background-highlight: #595959;
|
|
--jse-context-menu-separator-color: #595959;
|
|
--jse-context-menu-color: var(--jse-text-color);
|
|
--jse-context-menu-button-background: #737373;
|
|
--jse-context-menu-button-background-highlight: #818181;
|
|
--jse-context-menu-button-color: var(--jse-context-menu-color);
|
|
|
|
/* contents: json key and values */
|
|
--jse-key-color: #9cdcfe;
|
|
--jse-value-color: var(--jse-text-color);
|
|
--jse-value-color-number: #b5cea8;
|
|
--jse-value-color-boolean: #569cd6;
|
|
--jse-value-color-null: #569cd6;
|
|
--jse-value-color-string: #ce9178;
|
|
--jse-value-color-url: #ce9178;
|
|
--jse-delimiter-color: #949494;
|
|
--jse-edit-outline: 2px solid var(--jse-text-color);
|
|
|
|
/* contents: selected or hovered */
|
|
--jse-selection-background-color: #464646;
|
|
--jse-selection-background-light-color: #333333;
|
|
--jse-hover-background-color: #343434;
|
|
|
|
/* contents: section of collapsed items in an array */
|
|
--jse-collapsed-items-background-color: #333333;
|
|
--jse-collapsed-items-selected-background-color: #565656;
|
|
--jse-collapsed-items-link-color: #b2b2b2;
|
|
--jse-collapsed-items-link-color-highlight: #ec8477;
|
|
|
|
/* contents: highlighting of search results */
|
|
--jse-search-match-color: #724c27;
|
|
--jse-search-match-outline: 1px solid #966535;
|
|
--jse-search-match-active-color: #9f6c39;
|
|
--jse-search-match-active-outline: 1px solid #bb7f43;
|
|
|
|
/* contents: inline tags inside the JSON document */
|
|
--jse-tag-background: #444444;
|
|
--jse-tag-color: #bdbdbd;
|
|
|
|
/* controls in modals: inputs, buttons, and \`a\` */
|
|
--jse-input-background: #3d3d3d;
|
|
--jse-input-border: var(--jse-main-border);
|
|
--jse-button-background: #808080;
|
|
--jse-button-background-highlight: #7a7a7a;
|
|
--jse-button-color: #e0e0e0;
|
|
--jse-a-color: #55abff;
|
|
--jse-a-color-highlight: #4387c9;
|
|
|
|
/* svelte-select */
|
|
--background: #3d3d3d;
|
|
--border: 1px solid #4f4f4f;
|
|
--listBackground: #3d3d3d;
|
|
--itemHoverBG: #505050;
|
|
--multiItemBG: #5b5b5b;
|
|
--inputColor: #d4d4d4;
|
|
--multiClearBG: #8a8a8a;
|
|
--listShadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
|
|
|
|
/* color picker */
|
|
--jse-color-picker-background: #656565;
|
|
--jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
|
|
}
|
|
`;export{o as darkTheme,e as fullWidthButton};
|