style: update firewall filter button styles for improved visibility and user interaction, including new colors and box shadows

This commit is contained in:
2025-12-03 17:06:59 -05:00
parent 500c3a52be
commit 0a5a8c3f05

View File

@@ -118,12 +118,14 @@
/* Active states for Policy filters */
.firewall-filter-btn.active-all {
background-color: rgba(var(--color-primary), 1);
border-color: rgba(var(--color-primary), 1);
color: white;
background-color: #1e3a5f;
border-color: #1e3a5f;
color: #ffffff;
box-shadow: 0 2px 8px rgba(30, 58, 95, 0.4);
}
.firewall-filter-btn.active-all .firewall-filter-btn-count {
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.25);
color: #ffffff;
}
.firewall-filter-btn.active-blocked {
@@ -154,12 +156,14 @@
/* Active states for Protocol filters */
.firewall-filter-btn.active-proto-all {
background-color: rgba(var(--color-secondary), 1);
border-color: rgba(var(--color-secondary), 1);
color: white;
background-color: #374151;
border-color: #374151;
color: #ffffff;
box-shadow: 0 2px 8px rgba(55, 65, 81, 0.4);
}
.firewall-filter-btn.active-proto-all .firewall-filter-btn-count {
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.25);
color: #ffffff;
}
.firewall-filter-btn.active-tcp {