From 7d2a25815e1b2d8dce0f441905c7a5bd1e739c93 Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Sun, 27 Feb 2022 15:55:40 +0100
Subject: [PATCH] Add placeholders to the Username Colors inputs.

---
 source/options/components/username-colors.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/source/options/components/username-colors.ts b/source/options/components/username-colors.ts
index 806bbc8..deae1e2 100644
--- a/source/options/components/username-colors.ts
+++ b/source/options/components/username-colors.ts
@@ -114,8 +114,18 @@ export class UsernameColorsSetting extends Component<SettingProps, State> {
 
       return html`
         <div class="username-colors-editor" key=${id}>
-          <input style=${style} value=${username} onInput=${usernameHandler} />
-          <input style=${style} value=${color} onInput=${colorHandler} />
+          <input
+            style=${style}
+            placeholder="Username(s)"
+            value=${username}
+            onInput=${usernameHandler}
+          />
+          <input
+            style=${style}
+            placeholder="Color"
+            value=${color}
+            onInput=${colorHandler}
+          />
           <button class="button destructive" onClick=${removeHandler}>
             Remove
           </button>