ui: expected status codes options: distinguish states visually (#225)

Author: adamkobor

docs/docs/changelog.md

@@ -2,6 +2,13 @@
 
     Prior to version 2.0.0, the changelogs were maintained **only in the** [**GitHub repository**](https://github.com/kuvasz-uptime/kuvasz/releases){ target="_blank" }.
 
+## To be released { id="to-be-released" data-toc-label="To be released" }
+
+### Fixes
+
+- Clear the expected status code select's search value after selecting an option (by [WasixXD](https://github.com/WasixXD){target="_blank" })
+- Fix the background color of the active option inside the expected status codes select
+
 ## 2.5.1 <small>2025-08-23</small> { id="2.5.1" data-toc-label="2.5.1" }
 
 ### Fixes

ui/src/main/resources/public/css/kuvasz.css

@@ -13,3 +13,13 @@ div.ts-wrapper.form-select.plugin-clear_button > div.ts-control > div.clear-butt
 .ts-wrapper .ts-control > div.item {
     border-radius: 6px; /* Match the border-radius of the parent input */
 }
+
+/* TomSelect active option background - dark */
+[data-bs-theme=dark] .ts-wrapper .ts-dropdown .option.active {
+    background-color: var(--tblr-bg-forms);
+}
+
+/* TomSelect active option background - light */
+[data-bs-theme=light] .ts-wrapper .ts-dropdown .option.active {
+    background-color: var(--tblr-gray-100);
+}