28allday
36f6f5a157
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>
109 lines
2.9 KiB
QML
109 lines
2.9 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import QtQuick
|
|
import Caelestia.Blobs
|
|
import Caelestia.Config
|
|
import qs.components
|
|
import qs.components.controls
|
|
import qs.services
|
|
import qs.modules.nexus
|
|
|
|
Item {
|
|
id: root
|
|
|
|
readonly property NexusState nState: NexusState {
|
|
id: nState
|
|
|
|
onClose: root.close()
|
|
}
|
|
property color blobColour: Theme.panelBg // NoSignal: fixed dark-glass window surface
|
|
|
|
signal close
|
|
|
|
implicitWidth: implicitHeight * Tokens.sizes.nexus.ratio
|
|
implicitHeight: nState.screen.height * Tokens.sizes.nexus.heightMult
|
|
|
|
Behavior on blobColour {
|
|
CAnim {}
|
|
}
|
|
|
|
BlobGroup {
|
|
id: blobGroup
|
|
|
|
smoothing: 0 // NoSignal: crisp corners (no organic blob smoothing)
|
|
color: root.blobColour
|
|
}
|
|
|
|
BlobInvertedRect {
|
|
anchors.fill: parent
|
|
group: blobGroup
|
|
opacity: root.blobColour.a
|
|
radius: Theme.radius.panel // NoSignal: sharp 4px corners
|
|
|
|
borderLeft: navPane.width + navPane.anchors.margins * 2
|
|
borderRight: Tokens.padding.medium
|
|
borderTop: Tokens.padding.medium
|
|
borderBottom: Tokens.padding.medium
|
|
}
|
|
|
|
BlobRect {
|
|
id: windowBtnRect
|
|
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.margins: root.nState.isWindow ? 0 : Tokens.padding.extraSmall
|
|
|
|
group: blobGroup
|
|
opacity: root.blobColour.a
|
|
radius: Tokens.rounding.medium
|
|
|
|
implicitWidth: windowBtn.implicitWidth + (root.nState.isWindow ? Tokens.padding.extraSmall : Tokens.padding.small) * 2
|
|
implicitHeight: windowBtn.implicitHeight + (root.nState.isWindow ? Tokens.padding.extraSmall : Tokens.padding.small)
|
|
}
|
|
|
|
IconButton {
|
|
id: windowBtn
|
|
|
|
anchors.centerIn: windowBtnRect
|
|
icon: nState.isWindow ? "close" : "pip"
|
|
type: IconButton.Text
|
|
label.fill: 0
|
|
inactiveOnColour: hovered ? nState.isWindow ? Colours.palette.m3error : Colours.palette.m3primary : Colours.palette.m3onSurfaceVariant
|
|
stateLayer.opacity: 0
|
|
onClicked: {
|
|
if (!nState.isWindow)
|
|
WindowFactory.create();
|
|
root.close();
|
|
}
|
|
|
|
label.scale: pressed ? 0.8 : 1
|
|
label.renderType: Text.QtRendering
|
|
|
|
Behavior on label.scale {
|
|
Anim {}
|
|
}
|
|
}
|
|
|
|
NavPane {
|
|
id: navPane
|
|
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.margins: Tokens.padding.large
|
|
|
|
nState: nState
|
|
width: Math.min(Tokens.sizes.nexus.maxNavWidth, Math.round(root.width / 3))
|
|
}
|
|
|
|
Pages {
|
|
anchors.left: navPane.right
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
anchors.bottom: parent.bottom
|
|
anchors.leftMargin: navPane.anchors.margins + anchors.margins
|
|
anchors.margins: Tokens.padding.extraLarge
|
|
|
|
nState: nState
|
|
}
|
|
}
|