style: replace solid accent hover/active with glass effect
- glass-hover: alpha(@foreground,0.08) → alpha(white,0.10) - glass-active: alpha(@foreground,0.14) → alpha(white,0.50) - panel, settings, dropdown, tray, notification hover → glass-hover - battery, wifi, bluetooth connected icons → glass-active - wifi-icon-box base dimmed to glass-hover for contrast
This commit is contained in:
9 files changed
+40
-30
No files matched your search
@@ -37,7 +37,17 @@
|
||||
}
|
||||
|
||||
#wifi-connections #device-icon.connected {
|
||||
background-color: @glass-accent;
|
||||
background-color: @glass-active;
|
||||
color: @glass-text;
|
||||
}
|
||||
|
||||
/* Bluetooth-specific device icon styles */
|
||||
#bluetooth-connections #device-icon {
|
||||
background-color: @glass-hover;
|
||||
}
|
||||
|
||||
#bluetooth-connections #device-icon.connected {
|
||||
background-color: @glass-active;
|
||||
color: @glass-text;
|
||||
}
|
||||
|
||||
|
||||
@@ -31,7 +31,7 @@
|
||||
}
|
||||
|
||||
#device-icon.connected {
|
||||
background-color: @glass-accent;
|
||||
background-color: @glass-active;
|
||||
}
|
||||
|
||||
#toggle-button {
|
||||
@@ -53,7 +53,7 @@
|
||||
}
|
||||
|
||||
#toggle-button:checked {
|
||||
background-color: @glass-accent;
|
||||
background-color: @glass-active;
|
||||
}
|
||||
|
||||
|
||||
@@ -123,13 +123,13 @@
|
||||
font-weight: bold;
|
||||
}
|
||||
.wifi-icon-box {
|
||||
background-color: @glass-text-secondary;
|
||||
background-color: @glass-hover;
|
||||
border-radius: apply(radius-full);
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.wifi-icon-box-connected {
|
||||
background-color: @glass-accent;
|
||||
background-color: @glass-active;
|
||||
border-radius: apply(radius-full);
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user