From 2c9d424fc86f4f34d379e56cf4f22dad8a6e2cae Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 25 Mar 2021 12:47:20 +0100
Subject: [PATCH] improved colors

---
 packages/web/src/commands/CommandPalette.svelte | 8 +++++++-
 packages/web/src/plugins/ThemeDark.svelte       | 6 +++---
 packages/web/src/widgets/WidgetTitle.svelte     | 6 +++---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/commands/CommandPalette.svelte b/packages/web/src/commands/CommandPalette.svelte
index c3e8c1997..e24be7340 100644
--- a/packages/web/src/commands/CommandPalette.svelte
+++ b/packages/web/src/commands/CommandPalette.svelte
@@ -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}
diff --git a/packages/web/src/plugins/ThemeDark.svelte b/packages/web/src/plugins/ThemeDark.svelte
index 89411b6b6..8dd93c74a 100644
--- a/packages/web/src/plugins/ThemeDark.svelte
+++ b/packages/web/src/plugins/ThemeDark.svelte
@@ -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 */
diff --git a/packages/web/src/widgets/WidgetTitle.svelte b/packages/web/src/widgets/WidgetTitle.svelte
index 44a972cfd..dbc127d33 100644
--- a/packages/web/src/widgets/WidgetTitle.svelte
+++ b/packages/web/src/widgets/WidgetTitle.svelte
@@ -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>