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; }