feat: filter panel colors

example_config/example.config.json

@@ -8,7 +8,7 @@
 	"show_std_err": false,
 	"show_timestamp": true,
 	"timezone": "Etc/UTC",
-	"timestamp_format":"%Y-%m-%dT%H:%M:%S.%8f",
+	"timestamp_format": "%Y-%m-%dT%H:%M:%S.%8f",
 	"use_cli": false,
 	"colors": {
 		"borders": {
@@ -64,6 +64,13 @@
 			"text_rx": "#FFE9C1",
 			"text_tx": "#CD8C8C"
 		},
+		"filter": {
+			"background": "reset",
+			"text": "gray",
+			"selected_filter_background": "gray",
+			"selected_filter_text": "black",
+			"highlight": "magenta"
+		},
 		"headers_bar": {
 			"background": "magenta",
 			"loading_spinner": "white",

example_config/example.config.jsonc

@@ -22,7 +22,7 @@
 	"host": "/var/run/docker.sock",
 	// Display the timestamp in a custom format, if given option is invalid, it will default to %Y-%m-%dT%H:%M:%S.%8f -> 2025-02-18T12:34:56.01234567
 	// *Should* accept any valid strftime string up to 32 chars
-	"timestamp_format":"%Y-%m-%dT%H:%M:%S.%8f",
+	"timestamp_format": "%Y-%m-%dT%H:%M:%S.%8f",
 	// Display the container logs timestamp with a given timezone, if timezone is unknown, defaults to UTC
 	"timezone": "Etc/UTC",
 	// Directory for saving exported logs, defaults to `$HOME`, this is automatically *correctly* calculated for Linux, Mac, and Windows
@@ -251,6 +251,19 @@
 			// Ports & IP listing text
 			"text": "white"
 		},
+		// The filter panel
+		"filter": {
+			// Background color of panel
+			"background": "reset",
+			// color of text
+			"text": "gray",
+			// background color of the selected filter by item (Name/Image/Status/All)
+			"selected_filter_background": "gray",
+			// text color of the selected filter by item (Name/Image/Status/All)
+			"selected_filter_text": "black",
+			// Highlighted text color
+			"highlight": "magenta"
+		},
 		// The logs panel, will only be applied if color_logs is false
 		"logs": {
 			// Background color of panel

example_config/example.config.toml

@@ -163,6 +163,20 @@ running_healthy ="green"
 running_unhealthy="#FFB224"
 unknown="red"
 
+# The filter panel
+[colors.filter]
+# Background color of panel
+background = "reset"
+# color of text
+text="gray"
+# background color of the selected filter by item (Name/Image/Status/All)
+selected_filter_background="gray"
+# text color of the selected filter by item (Name/Image/Status/All)
+selected_filter_text="black"
+# Highlighted text color
+highlight="magenta"
+
+
 # The color the of Docker commands available for each container
 [colors.commands]
 # Background color of panel