diff options
| -rw-r--r-- | scss/popdowns/bluetoothdevices.scss | 4 | ||||
| -rw-r--r-- | scss/popdowns/networks.scss | 4 | ||||
| -rw-r--r-- | src/modules/popdowns/bluetoothdevices.tsx | 2 | ||||
| -rw-r--r-- | src/modules/popdowns/networks.tsx | 6 |
4 files changed, 14 insertions, 2 deletions
diff --git a/scss/popdowns/bluetoothdevices.scss b/scss/popdowns/bluetoothdevices.scss index e426b27..d68ec11 100644 --- a/scss/popdowns/bluetoothdevices.scss +++ b/scss/popdowns/bluetoothdevices.scss @@ -38,6 +38,10 @@ $-accent: scheme.$rosewater; background-color: scheme.$surface1; } } + + &.active { + color: $-accent; + } } } } diff --git a/scss/popdowns/networks.scss b/scss/popdowns/networks.scss index 0eb4bed..870179c 100644 --- a/scss/popdowns/networks.scss +++ b/scss/popdowns/networks.scss @@ -38,6 +38,10 @@ $-accent: scheme.$rosewater; background-color: scheme.$surface1; } } + + &.active { + color: $-accent; + } } } } diff --git a/src/modules/popdowns/bluetoothdevices.tsx b/src/modules/popdowns/bluetoothdevices.tsx index 7ba421c..c71d981 100644 --- a/src/modules/popdowns/bluetoothdevices.tsx +++ b/src/modules/popdowns/bluetoothdevices.tsx @@ -4,7 +4,7 @@ import AstalBluetooth from "gi://AstalBluetooth"; import PopdownWindow from "../../widgets/popdownwindow"; const BluetoothDevice = (device: AstalBluetooth.Device) => ( - <box className="device"> + <box className={bind(device, "connected").as(c => `device ${c ? "active" : ""}`)}> <icon className="icon" icon={bind(device, "icon").as(i => diff --git a/src/modules/popdowns/networks.tsx b/src/modules/popdowns/networks.tsx index 0e9fe2f..18a38d3 100644 --- a/src/modules/popdowns/networks.tsx +++ b/src/modules/popdowns/networks.tsx @@ -4,7 +4,11 @@ import AstalNetwork from "gi://AstalNetwork"; import PopdownWindow from "../../widgets/popdownwindow"; const Network = (accessPoint: AstalNetwork.AccessPoint) => ( - <box className="network"> + <box + className={bind(AstalNetwork.get_default().wifi, "activeAccessPoint").as( + a => `network ${a === accessPoint ? "active" : ""}` + )} + > <icon className="icon" icon={bind(accessPoint, "iconName")} /> <label truncate |