improved colors

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

View File

@ -70,7 +70,13 @@
<div class="main" use:clickOutside on:clickOutside={() => ($visibleCommandPalette = false)}>
<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 class="content">
{#each filteredItems as command, index}

View File

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

View File

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