Convert the caelestia shell to the NoSignal "design_handoff_quickshell_shell" spec: a slim translucent top bar with floating glass popouts, fixed dark-glass chrome + Material You dynamic accent, square corners, JetBrains Mono. - Theme singleton (services/Theme.qml): design tokens; accent = m3primary (dynamic), fixed glass/text, square radii. - New slim bar as its own PanelWindow (modules/nsbar/NsBar.qml), additive in shell.qml; reuses caelestia services + components. Helpers: BarPill, NsWorkspaces (numbered, active=accent pill), NsOverlay (popout host, one-at-a- time via services/NsShell.qml, outside-click + Esc), components/NsPanel + components/NsSwitch. - Old caelestia frame removed: BarWrapper collapsed; ContentWindow border 0 + borderTop 0; Exclusions zones 0. Drawer engine kept for launcher/OSD/lock. - 9 popouts (modules/nsbar/panels/): Calendar, QuickSettings, Network, Bluetooth, Notifications, Audio, SystemTray, Overview, PowerMenu. - Clock restyled (date muted + time DemiBold). - nexus (Settings) reskinned: dark-glass window + cards, square corners (Nexus.qml, common/ConnectedRect.qml) — keeps all pages/functionality. Launcher kept as-is. Font (JetBrainsMono) + rounding.scale=0 + Super+Alt+Space nexus bind are caelestia/hypr CONFIG and ship in the OS, not this fork. Next: full Material Symbols -> Nerd Font icon remap. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
150 lines
4.6 KiB
QML
150 lines
4.6 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
// NoSignal Bluetooth popout (off the BT pill). Title + switch; device rows (icon
|
|
// tile peach-tinted if connected, name, status, battery %). Footer "Bluetooth
|
|
// settings". Wired to Quickshell.Bluetooth (BlueZ).
|
|
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
import Quickshell.Bluetooth
|
|
import qs.services
|
|
import qs.utils
|
|
import qs.components
|
|
|
|
NsPanel {
|
|
id: root
|
|
|
|
implicitWidth: 340
|
|
anchorMode: "right"
|
|
|
|
readonly property var adapter: Bluetooth.defaultAdapter
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
StyledText {
|
|
text: "Bluetooth"
|
|
color: Theme.text
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.panelTitle
|
|
font.weight: Font.DemiBold
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
NsSwitch {
|
|
on: root.adapter?.enabled ?? false
|
|
onToggled: if (root.adapter)
|
|
root.adapter.enabled = !root.adapter.enabled
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 2
|
|
visible: root.adapter?.enabled ?? false
|
|
|
|
Repeater {
|
|
model: Bluetooth.devices
|
|
|
|
delegate: Rectangle {
|
|
id: row
|
|
|
|
required property BluetoothDevice modelData
|
|
readonly property bool connected: modelData?.connected ?? false
|
|
|
|
Layout.fillWidth: true
|
|
implicitHeight: 44
|
|
radius: Theme.radius.button
|
|
color: ma.containsMouse ? Theme.hover : "transparent"
|
|
|
|
RowLayout {
|
|
anchors.fill: parent
|
|
anchors.leftMargin: 10
|
|
anchors.rightMargin: 10
|
|
spacing: 10
|
|
|
|
Rectangle {
|
|
implicitWidth: 30
|
|
implicitHeight: 30
|
|
radius: 0
|
|
color: row.connected ? Theme.accentSoft : Theme.fillSubtle
|
|
|
|
MaterialIcon {
|
|
anchors.centerIn: parent
|
|
text: Icons.getBluetoothIcon(row.modelData?.icon ?? "")
|
|
color: row.connected ? Theme.accent : Theme.text
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: 0
|
|
|
|
StyledText {
|
|
text: row.modelData?.name ?? "?"
|
|
color: Theme.text
|
|
elide: Text.ElideRight
|
|
Layout.fillWidth: true
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.bodySmall
|
|
}
|
|
StyledText {
|
|
text: row.connected ? "Connected" : (row.modelData?.paired ?? false) ? "Paired" : "Not connected"
|
|
color: row.connected ? Theme.accent : Theme.textMuted
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.meta
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
visible: row.connected && (row.modelData?.battery ?? 0) > 0
|
|
text: Math.round((row.modelData?.battery ?? 0) * 100) + "%"
|
|
color: Theme.textMuted
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.meta
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: ma
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
visible: Bluetooth.devices.values.length === 0
|
|
text: "No devices"
|
|
color: Theme.textMuted
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.bodySmall
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
visible: !(root.adapter?.enabled ?? false)
|
|
text: "Bluetooth is off"
|
|
color: Theme.textMuted
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.bodySmall
|
|
}
|
|
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.topMargin: 4
|
|
implicitHeight: 1
|
|
color: Theme.barBorder
|
|
}
|
|
|
|
StyledText {
|
|
text: "Bluetooth settings"
|
|
color: Theme.textMuted
|
|
font.family: Theme.font.family
|
|
font.pixelSize: Theme.font.bodySmall
|
|
}
|
|
}
|