sankalp
a092146358
Known Network / Devices headers had no styling, so they sat flush left and plain next to the padded bold wifi-other-button rows.
126 lines
2.4 KiB
CSS
126 lines
2.4 KiB
CSS
#bluetooth-title,
|
|
#wifi-title {
|
|
font-size: apply(font-lg);
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* macOS-style WiFi interface */
|
|
#wifi-connections,
|
|
#bluetooth-connections {
|
|
background-color: @glass-surface-1;
|
|
border: 1px solid @glass-border;
|
|
border-radius: apply(radius-sm);
|
|
padding: 10px;
|
|
}
|
|
|
|
/* WiFi network slots - macOS style */
|
|
#wifi-network-slot button {
|
|
border-radius: apply(radius-sm);
|
|
padding: 4px 4px;
|
|
margin: 2px 0;
|
|
}
|
|
|
|
#wifi-network-slot button:hover,
|
|
#wifi-network-button:hover {
|
|
background-color: @glass-hover;
|
|
border-radius: apply(radius-sm);
|
|
}
|
|
|
|
#wifi-network-slot button:hover .wifi-icon-box,
|
|
#wifi-network-button:hover .wifi-icon-box {
|
|
background-color: @glass-text-secondary;
|
|
}
|
|
|
|
/* WiFi-specific device icon styles */
|
|
#wifi-connections #device-icon {
|
|
background-color: @glass-hover;
|
|
}
|
|
|
|
#wifi-connections #device-icon.connected {
|
|
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;
|
|
}
|
|
|
|
#wifi-network-name {
|
|
color: @glass-text;
|
|
font-size: apply(font-base);
|
|
font-weight: 500;
|
|
}
|
|
|
|
#wifi-lock-icon {
|
|
color: @glass-text-secondary;
|
|
margin-left: 8px;
|
|
}
|
|
|
|
/* Section headers (Known Network, Devices) — align with wifi-other-button
|
|
rows which use padding: 8px 6px and a bold font-sm label */
|
|
#networks-title {
|
|
color: @glass-text;
|
|
font-size: apply(font-sm);
|
|
font-weight: bold;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
/* Other Networks and Settings buttons */
|
|
#wifi-other-button {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 8px 6px;
|
|
margin-bottom: -12px;
|
|
margin-top: -6px;
|
|
border-radius: apply(radius-sm);
|
|
}
|
|
|
|
#wifi-other-button:hover {
|
|
background-color: @glass-hover;
|
|
}
|
|
|
|
#wifi-other-button:last-child {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* DNS Switcher */
|
|
#dns-content {
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#dns-current-label {
|
|
font-size: apply(font-sm);
|
|
color: @glass-text-secondary;
|
|
}
|
|
|
|
#dns-provider-button {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 6px 8px;
|
|
border-radius: apply(radius-sm);
|
|
}
|
|
|
|
#dns-provider-button:hover {
|
|
background-color: @glass-hover;
|
|
}
|
|
|
|
#dns-provider-name {
|
|
font-size: apply(font-base);
|
|
color: @glass-text;
|
|
}
|
|
|
|
#dns-provider-address {
|
|
font-size: apply(font-sm);
|
|
color: @glass-text-secondary;
|
|
}
|
|
|
|
#dns-check-icon {
|
|
color: @glass-active;
|
|
}
|