dbgate-plugin-one-dark-theme
Version:
One Dark theme for dbgate. 
1 lines • 6.25 kB
JavaScript
var plugin;(()=>{"use strict";var e={d:(n,t)=>{for(var o in t)e.o(t,o)&&!e.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:t[o]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};e.r(n),e.d(n,{default:()=>t});const t={themes:[{themeName:"dbgate-plugin-one-dark-theme",themeType:"dark",themeClassName:"theme-dbgate-plugin-one-dark-theme",themeCss:" \n .theme-dbgate-plugin-one-dark-theme { \n --theme-font-1: #abb2bf; /* core font*/\n --theme-font-2: #383942;\n --theme-font-3: #888888;\n --theme-font-4: #5a5a5a;\n --theme-font-hover: #8dcff8; /* blue-9 */\n --theme-font-link: #61afef; /* blue-8 */\n --theme-font-alt: #98c379; /* green-9 */\n\n --theme-bg-0: #282c34;\n --theme-bg-1: #21252b;\n --theme-bg-2: #21252b;\n --theme-bg-3: #373e47;\n --theme-bg-4: #313341; \n --theme-bg-alt: #21252b;\n\n --theme-bg-gold: #7c6e14; /* gold-2 */\n --theme-bg-orange: #d19a66; /*orange-2 */\n --theme-bg-green: #1d3712; /* green-2 */\n --theme-bg-volcano: #441d12; /* volcano-2 */\n --theme-bg-red: #f44747; /* red-2 */\n --theme-bg-blue: #15395b; /* blue-3 */\n --theme-bg-magenta: #c678dd; /* magenta-3 */\n\n --theme-font-inv-1: #ffffff;\n --theme-font-inv-15: #dedede;\n --theme-font-inv-2: #b3b3b3;\n --theme-font-inv-3: #808080;\n --theme-font-inv-4: #4d4d4d;\n\n --theme-bg-inv-1: #282c34;\n --theme-bg-inv-2: #3c3c3c;\n --theme-bg-inv-3: #21252b;\n --theme-bg-inv-4: #707070;\n\n --theme-border: #444c56; /* #383e4a */\n\n --theme-bg-hover: #313341;\n --theme-bg-selected: #28414f;\n --theme-bg-selected-point: #03376e; /* blue-5 */\n\n --theme-bg-statusbar-inv: #21252b;\n --theme-bg-statusbar-inv-hover: #21252b;\n --theme-bg-statusbar-inv-font: #282c34;\n --theme-bg-statusbar-inv-bg: #9da5b4;\n --theme-bg-modalheader: #21252b;\n\n --theme-bg-button-inv: #004488;\n --theme-bg-button-inv-2: #1a5794;\n --theme-bg-button-inv-3: #346aa0;\n\n --theme-icon-blue: #3c9ae8;\n --theme-icon-green: #98c379; /* Num color */\n --theme-icon-red: #e06c75;\n --theme-icon-gold: #e8b339;\n --theme-icon-yellow: #d19a66;\n --theme-icon-magenta: #c678dd;\n\n --theme-icon-inv-green: #98c379;\n --theme-icon-inv-red: #e06c75;\n }\n :root {\n --dim-widget-icon-size: 55px;\n --dim-statusbar-height: 28px;\n --dim-left-panel-width: 300px;\n --dim-tabs-panel-height: 60px;\n --dim-tabs-height: 33px;\n --dim-splitter-thickness: 1px;\n\n --dim-visible-left-panel: 1; /* set from JS */\n --dim-content-left: calc(\n var(--dim-widget-icon-size) + var(--dim-visible-left-panel) *\n (var(--dim-left-panel-width) + var(--dim-splitter-thickness))\n );\n\n --dim-visible-toolbar: 0; /* set from JS */\n --dim-visible-titlebar: 0; /* set from JS */\n\n --dim-toolbar-height: 30px;\n --dim-toolstrip-height: 28px;\n --dim-titlebar-height: 30px;\n --dim-toolbar-top: calc(var(--dim-titlebar-height) * var(--dim-visible-titlebar));\n --dim-header-top: calc(\n var(--dim-titlebar-height) * var(--dim-visible-titlebar) + var(--dim-toolbar-height) * var(--dim-visible-toolbar)\n );\n --dim-content-top: calc(var(--dim-header-top) + var(--dim-tabs-panel-height));\n\n --dim-large-form-margin: 20px;\n}\n .main-container{\n\n }\n input{\n outline:none;\n border:1px solid var(--theme-bg-inv-3) !important;\n }\n input:focus{ \n border:1px solid var(--theme-bg-selected) !important;\n }\n .buttonLike {\n outline:none;\n }\n .buttonLike:hover{\n border-color: transparent !important;\n opacity: .8 !important;\n }\n .iconbar .wrapper {\n cursor: pointer;\n height: 45px;\n \n }\n \n .iconbar .wrapper.selected .mdi,\n .iconbar .wrapper:hover .mdi\n {\n color: var( --theme-font-1);\n }\n .iconbar .mdi{ \n transition: all 300ms;\n font-size: 1.7rem !important;\n color: var(--theme-font-1);\n }\n\n /*ace_editor*/\n .ace_editor{\n font-size: 14px;\n }\n .ace_editor{\n font-family: 'JetBrainsMono NF SemiBold', 'Fira code', 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;\n background-color: var(--theme-bg-0);\n }\n .ace_content {\n padding-left: 0;\n}\n .ace_gutter-layer{\n background: var(--theme-bg-0);\n border-right: 1px solid var(--theme-bg-0);\n }\n .ace_gutter {\n border-right: 1px solid var( --theme-bg-0);\n }\n .ace_gutter-cell {\n color: var(--theme-font-1);\n }\n .ace_folding-enabled > .ace_gutter-cell {\n padding-left: 30px;\n }\n .theme-type-dark .ace_gutter-cell.ace-gutter-sql-run {\n padding-right: 13px;\n }\n \n .horizontal-split-handle:hover,\n .vertical-split-handle:hover{\n background-color: var(--theme-bg-selected) !important;\n }\n .add-icon .mdi{\n color: var( --theme-font-1);\n }\n\n .ace_content {\n border-right: 1px solid var( --theme-bg-3)\n border-left: 1px solid var( --theme-bg-3)\n }\n\n .file-name.svelte-ks0vy {\n font-size: 12px;\n font-weight: bold;\n }\n\n .db-name-inner.svelte-ks0vy {\n font-size: 12px;\n font-weight: bold;\n }\n\n .mdi-view-split-vertical::before, .mdi-plus-circle::before {\n color: var( --theme-font-1);\n }\n\n /* action title */\n div.svelte-1msuoss {\n background-color: var( --theme-bg-3);\n border: none;\n }\n\n div.svelte-1msuoss:hover {\n background-color: var( --theme-bg-3);\n }\n\n /* Table */\n td.svelte-1do4nz4 {\n color: var(--theme-font-alt);\n }\n .table.svelte-abhawu {\n font-weight: bold;\n color: var(--theme-font-1);\n }\n /* number inside table color */\n .value.svelte-7yy3rb {\n color: var(--theme-icon-yellow);\n }\n .null.svelte-7yy3rb {\n color: var(--theme-font-link);\n }\n\n .tab-item.svelte-orhipv {\n font-weight: bold;\n }\n\n .tab-item.selected.svelte-orhipv {\n background-color: var( --theme-bg-3);\n font-weight: bold;\n }\n\n /* tool strip */\n .toolstrip.svelte-8bgi65 {\n background-color: var( --theme-bg-0);\n height: 35px;\n }\n\n \n "}]};plugin=n})();