dbgate-plugin-highlight/dist/frontend.js

A theme for DbGate with connection and seletion highlight. 

var plugin=function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=0)}([function(e,n,t){"use strict";t.r(n);const r={themeName:"dbgate-plugin-highlight",themeType:"dark",themeClassName:"theme-dbgate-plugin-highlight",themeCss:"     \n  .theme-dbgate-plugin-highlight {  \n    --theme-font-1: #f8f8f2;\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: #65b7f3; /* blue-8 */\n    --theme-font-alt: #b2e58b; /* green-9 */\n\n    --theme-bg-0: #1E1E1E;\n    --theme-bg-1: #252526;\n    --theme-bg-2: #323233;\n    --theme-bg-3: #37373D;\n    --theme-bg-4: #484954;\n    --theme-bg-alt: #252526;\n    --theme-bg-gold: #4c4c0c;\n    --theme-bg-orange: #7c6e14;\n    --theme-bg-green: #1d3712; /* green-2 */\n    --theme-bg-volcano: #441d12; /* volcano-2 */\n    --theme-bg-red: #431418; /* red-2 */\n    --theme-bg-blue: #15395b; /* blue-3 */\n    --theme-bg-magenta: #551c3b; /* 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: #333333;\n    --theme-bg-inv-2: #3c3c3c;\n    --theme-bg-inv-3: #252526;\n    --theme-bg-inv-4: #707070;\n\n    --theme-border: #333333;\n\n    --theme-bg-hover: #404648;\n    --theme-bg-selected: #858585;\n    --theme-bg-selected-point: #03376e;\n    --theme-bg-statusbar-inv: #1E1E1E;\n    --theme-bg-statusbar-inv-hover: #1E1E1E;\n    --theme-bg-statusbar-inv-font: #222;\n    --theme-bg-statusbar-inv-bg: #ccc;\n    --theme-bg-modalheader: #1E1E1E;\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: #8fd460;\n    --theme-icon-red: #e84749;\n    --theme-icon-gold: #e8b339;\n    --theme-icon-yellow: #e8d639;\n    --theme-icon-magenta: #e0529c;\n    --theme-icon-inv-green: #8fd460;\n    --theme-icon-inv-red: #e84749;\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: 3px;\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  .isBold {background-color:var(--theme-bg-button-inv) !important;}\n  .isChoosed {background-color:var(--theme-bg-button-inv-3) !important;}\n  td.isDeleted {\n  background-color: unset !important;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYSURBVBhXY/ifw/AfHQMhkIGGKRJk+A8AADEz60zgvmcAAAAASUVORK5CYII=) !important;\n  }\n  input{\n      outline:none;\n      border: 1px solid var(--theme-bg-selected) !important;\n    }\n  input:focus{    \n    border:1px solid var(--theme-icon-yellow) !important;\n  }\n  .buttonLike {\n    outline:none;\n  }\n  .buttonLike:hover{\n    border-color: transparent !important;\n    opacity: .8 !important;\n    border-color: var(--theme-icon-yellow) !important;\n  }\n  .iconbar .wrapper {\n    cursor: pointer;\n    height: 45px;\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.4rem !important;\n    color: var(--theme-bg-selected);\n  }\n  .file-tab-item.selected.svelte-1wtfihm {border-bottom: 4px solid var(--theme-icon-blue);}\n  .file-tab-item.selected{color: var(--theme-icon-yellow);border-bottom: 2px solid;}\n  .ace_editor{\n    background-color: var(--theme-bg-0);\n  }\n  .ace_gutter-layer{\n    background: var(--theme-bg-0);\n    border-right: 1px solid var(--theme-bg-1);\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  tr.svelte-1fsh2nj:hover {\n    background: var(--theme-bg-orange);\n  }\n   "};n.default={themes:[r]}}]);