物管理前端
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

  1. const e=`
  2. .vue-ts-json-editor {
  3. min-width:300px;
  4. width:100%
  5. }
  6. .vue-ts-json-editor--max-box{
  7. position:fixed;
  8. top:0;
  9. left:0;
  10. width:100vw;
  11. height:100vh;
  12. z-index:10000
  13. }
  14. .vue-ts-json-editor .jse-menu .jse-full-width{
  15. display:flex
  16. }
  17. .vue-ts-json-editor .jse-menu .jse-full-width--active{
  18. background-color:#ffffff38!important;
  19. border-color:#fff9!important
  20. }
  21. `,o=`
  22. .jse-theme-dark {
  23. /* over all fonts, sizes, and colors */
  24. --jse-theme-color: #2f6dd0;
  25. --jse-theme-color-highlight: #467cd2;
  26. --jse-background-color: #1e1e1e;
  27. --jse-text-color: #d4d4d4;
  28. /* main, menu, modal */
  29. --jse-main-border: 1px solid #4f4f4f;
  30. --jse-menu-color: #fff;
  31. --jse-modal-background: #2f2f2f;
  32. --jse-modal-overlay-background: rgba(0, 0, 0, 0.5);
  33. --jse-modal-code-background: #2f2f2f;
  34. /* panels: navigation bar, gutter, search box */
  35. --jse-panel-background: #333333;
  36. --jse-panel-background-border: 1px solid #464646;
  37. --jse-panel-color: var(--jse-text-color);
  38. --jse-panel-color-readonly: #737373;
  39. --jse-panel-border: 1px solid #3c3c3c;
  40. --jse-panel-button-color-highlight: #e5e5e5;
  41. --jse-panel-button-background-highlight: #464646;
  42. /* navigation-bar */
  43. --jse-navigation-bar-background: #656565;
  44. --jse-navigation-bar-background-highlight: #7e7e7e;
  45. --jse-navigation-bar-dropdown-color: var(--jse-text-color);
  46. /* context menu */
  47. --jse-context-menu-background: #4b4b4b;
  48. --jse-context-menu-background-highlight: #595959;
  49. --jse-context-menu-separator-color: #595959;
  50. --jse-context-menu-color: var(--jse-text-color);
  51. --jse-context-menu-button-background: #737373;
  52. --jse-context-menu-button-background-highlight: #818181;
  53. --jse-context-menu-button-color: var(--jse-context-menu-color);
  54. /* contents: json key and values */
  55. --jse-key-color: #9cdcfe;
  56. --jse-value-color: var(--jse-text-color);
  57. --jse-value-color-number: #b5cea8;
  58. --jse-value-color-boolean: #569cd6;
  59. --jse-value-color-null: #569cd6;
  60. --jse-value-color-string: #ce9178;
  61. --jse-value-color-url: #ce9178;
  62. --jse-delimiter-color: #949494;
  63. --jse-edit-outline: 2px solid var(--jse-text-color);
  64. /* contents: selected or hovered */
  65. --jse-selection-background-color: #464646;
  66. --jse-selection-background-light-color: #333333;
  67. --jse-hover-background-color: #343434;
  68. /* contents: section of collapsed items in an array */
  69. --jse-collapsed-items-background-color: #333333;
  70. --jse-collapsed-items-selected-background-color: #565656;
  71. --jse-collapsed-items-link-color: #b2b2b2;
  72. --jse-collapsed-items-link-color-highlight: #ec8477;
  73. /* contents: highlighting of search results */
  74. --jse-search-match-color: #724c27;
  75. --jse-search-match-outline: 1px solid #966535;
  76. --jse-search-match-active-color: #9f6c39;
  77. --jse-search-match-active-outline: 1px solid #bb7f43;
  78. /* contents: inline tags inside the JSON document */
  79. --jse-tag-background: #444444;
  80. --jse-tag-color: #bdbdbd;
  81. /* controls in modals: inputs, buttons, and \`a\` */
  82. --jse-input-background: #3d3d3d;
  83. --jse-input-border: var(--jse-main-border);
  84. --jse-button-background: #808080;
  85. --jse-button-background-highlight: #7a7a7a;
  86. --jse-button-color: #e0e0e0;
  87. --jse-a-color: #55abff;
  88. --jse-a-color-highlight: #4387c9;
  89. /* svelte-select */
  90. --background: #3d3d3d;
  91. --border: 1px solid #4f4f4f;
  92. --listBackground: #3d3d3d;
  93. --itemHoverBG: #505050;
  94. --multiItemBG: #5b5b5b;
  95. --inputColor: #d4d4d4;
  96. --multiClearBG: #8a8a8a;
  97. --listShadow: 0 2px 6px 0 rgba(0, 0, 0, 0.24);
  98. /* color picker */
  99. --jse-color-picker-background: #656565;
  100. --jse-color-picker-border-box-shadow: #8c8c8c 0 0 0 1px;
  101. }
  102. `;export{o as darkTheme,e as fullWidthButton};