dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-18 18:26:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

improved colors

Browse Source
This commit is contained in:
Jan Prochazka
2021-03-25 12:47:20 +01:00
parent 4e76f10175
commit 2c9d424fc8
3 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/commands/CommandPalette.svelte
View File

@@ -70,7 +70,13 @@
<div class="main" use:clickOutside on:clickOutside={() => ($visibleCommandPalette = false)}> <div class="main" use:clickOutside on:clickOutside={() => ($visibleCommandPalette = false)}>
<div class="search"> <div class="search">
<input type="text" bind:this={domInput} bind:value={filter} on:keydown={handleKeyDown} /> <input
type="text"
bind:this={domInput}
bind:value={filter}
on:keydown={handleKeyDown}
placeholder={parentCommand?.text || ''}
/>
</div> </div>
<div class="content"> <div class="content">
{#each filteredItems as command, index} {#each filteredItems as command, index}

6
packages/web/src/plugins/ThemeDark.svelte
View File

@@ -7,9 +7,9 @@
<style> <style>
:global(.theme-dark) { :global(.theme-dark) {
--theme-font-1: #e3e3e3; --theme-font-1: #e3e3e3;
--theme-font-2: #919191; --theme-font-2: #b5b5b5;
--theme-font-3: #5e5e5e; --theme-font-3: #888888;
--theme-font-4: #2b2b2b; --theme-font-4: #5a5a5a;
--theme-font-hover: #8dcff8; /* blue-9 */ --theme-font-hover: #8dcff8; /* blue-9 */
--theme-font-link: #65b7f3; /* blue-8 */ --theme-font-link: #65b7f3; /* blue-8 */
--theme-font-alt: #b2e58b; /* green-9 */ --theme-font-alt: #b2e58b; /* green-9 */

6
packages/web/src/widgets/WidgetTitle.svelte
View File

@@ -7,10 +7,10 @@
padding: 5px; padding: 5px;
font-weight: bold; font-weight: bold;
text-transform: uppercase; text-transform: uppercase;
background-color: var(--theme-bg-2); background-color: var(--theme-bg-1);
border: 1px solid var(--theme-border); border: 2px solid var(--theme-border);
} }
div:hover { div:hover {
background-color: var(--theme-bg-3); background-color: var(--theme-bg-2);
} }
</style> </style>