style: update firewall filter button styles for improved visibility and user interaction, including new colors and box shadows
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user