diff --git a/Userland/Libraries/LibWeb/HTML/HTMLSelectElement.cpp b/Userland/Libraries/LibWeb/HTML/HTMLSelectElement.cpp
index 49aef263955..5708128b8d0 100644
--- a/Userland/Libraries/LibWeb/HTML/HTMLSelectElement.cpp
+++ b/Userland/Libraries/LibWeb/HTML/HTMLSelectElement.cpp
@@ -25,6 +25,7 @@
#include
#include
#include
+#include
namespace Web::HTML {
@@ -528,13 +529,16 @@ void HTMLSelectElement::create_shadow_tree_if_needed()
MUST(border->append_child(*m_inner_text_element));
// FIXME: Find better way to add chevron icon
+ auto chevron_fill_color = document().page().palette().base_text();
+ auto chevron_svg = MUST(String::formatted("", chevron_fill_color));
+
m_chevron_icon_element = DOM::create_element(document(), HTML::TagNames::div, Namespace::HTML).release_value_but_fixme_should_propagate_errors();
MUST(m_chevron_icon_element->set_attribute(HTML::AttributeNames::style, R"~~~(
width: 16px;
height: 16px;
margin-left: 4px;
)~~~"_string));
- MUST(m_chevron_icon_element->set_inner_html(""sv));
+ MUST(m_chevron_icon_element->set_inner_html(chevron_svg));
MUST(border->append_child(*m_chevron_icon_element));
update_inner_text_element();
diff --git a/Userland/Libraries/LibWebView/Native.css b/Userland/Libraries/LibWebView/Native.css
index 87fbca6c150..a9c5b6d8ed4 100644
--- a/Userland/Libraries/LibWebView/Native.css
+++ b/Userland/Libraries/LibWebView/Native.css
@@ -9,16 +9,18 @@ html {
}
input, textarea {
+ background-color: -libweb-palette-base;
border-color: -libweb-palette-threed-shadow1;
+ color: -libweb-palette-base-text;
}
-button, input[type=submit], input[type=button], input[type=reset] {
+button, input[type=submit], input[type=button], input[type=reset], select {
background-color: -libweb-palette-button;
border-color: -libweb-palette-threed-shadow1;
color: -libweb-palette-button-text;
}
-button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
+button:hover, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, select:hover {
background-color: -libweb-palette-hover-highlight;
}