Seperate selector.input_editor and chat_panel.input_editor

Nate created 

* create [selector.input_editor] and style
* Update selector style to match figma now that inputs are individually stylable

Change summary

zed/assets/themes/_base.toml | 14 +++++++++++---
1 file changed, 11 insertions(+), 3 deletions(-)

Detailed changes

zed/assets/themes/_base.toml 🔗 

@@ -112,17 +112,25 @@ padding = 8
 margin.top = 52
 corner_radius = 6
 shadow = { offset = [0, 2], blur = 16, color = "$shadow.0" }
-input_editor = "$chat_panel.input_editor"
+border = { width = 1, color = "$border.0" }
+
+[selector.input_editor]
+background = "$surface.1"
+corner_radius = 6
+padding = { left = 16, right = 16, top = 7, bottom = 7 }
+text = "$text.0.color"
+placeholder_text = "$text.2.color"
+selection = "$selection.host"
 border = { width = 1, color = "$border.0" }
 
 [selector.empty]
 text = "$text.2"
-padding = { left = 8, right = 8, top = 8, bottom = 4 }
+padding = { left = 16, right = 16, top = 8, bottom = 4 }
 
 [selector.item]
 text = "$text.1"
 highlight_text = { extends = "$text.base", color = "$syntax.keyword.color", weight = "$syntax.keyword.weight" }
-padding = { left = 8, right = 8, top = 4, bottom = 4 }
+padding = { left = 16, right = 16, top = 4, bottom = 4 }
 corner_radius = 6
 
 [selector.active_item]