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>
91 lines
5.3 KiB
QML
91 lines
5.3 KiB
QML
pragma Singleton
|
|
pragma ComponentBehavior: Bound
|
|
|
|
// NoSignal design-system tokens (interface redesign 2026-06-14).
|
|
// Fixed dark-glass chrome + text, but the ACCENT is Material You (wallpaper-
|
|
// derived) per the user's choice. Components in the redesigned bar/panels read
|
|
// from here instead of hard-coding hex values. See the design handoff README.
|
|
//
|
|
// NB: the "backdrop blur" in the spec is done at the compositor level (Hyprland
|
|
// layerrules blur on the shell namespaces), not in QML — these fills are the
|
|
// translucent surface colours that sit over that blur.
|
|
|
|
import QtQuick
|
|
import Quickshell
|
|
import qs.services
|
|
|
|
Singleton {
|
|
id: root
|
|
|
|
// ── Accent: Material You, dynamic from wallpaper ──────────────────────
|
|
readonly property color accent: Colours.palette.m3primary
|
|
readonly property color onAccent: Colours.palette.m3onPrimary // contrasting text/icon on accent fills
|
|
// accent.soft — translucent accent for active-module bg / selected rows
|
|
readonly property color accentSoft: Qt.alpha(accent, 0.15)
|
|
readonly property color accentSofter: Qt.alpha(accent, 0.13)
|
|
|
|
// ── Secondary semantic accents (fixed) ───────────────────────────────
|
|
readonly property color blue: "#8FB5D6" // avatar gradient, event tint
|
|
readonly property color green: "#86C09A" // now-playing tint
|
|
readonly property color danger: "#E0746A" // power button + Shut Down
|
|
|
|
// ── Surfaces: fixed dark glass ───────────────────────────────────────
|
|
readonly property color barBg: Qt.rgba(15 / 255, 18 / 255, 24 / 255, 0.60)
|
|
readonly property color barBorder: Qt.rgba(1, 1, 1, 0.06)
|
|
readonly property color panelBg: Qt.rgba(17 / 255, 20 / 255, 26 / 255, 0.90)
|
|
readonly property color panelBorder: Qt.rgba(1, 1, 1, 0.09)
|
|
readonly property color overlayBg: Qt.rgba(8 / 255, 10 / 255, 14 / 255, 0.82)
|
|
|
|
// panel drop shadow + inset highlight
|
|
readonly property color shadow: Qt.rgba(0, 0, 0, 0.55)
|
|
readonly property color insetHighlight: Qt.rgba(1, 1, 1, 0.05)
|
|
|
|
// ── Text (fixed) ─────────────────────────────────────────────────────
|
|
readonly property color text: Qt.rgba(233 / 255, 238 / 255, 243 / 255, 0.92)
|
|
readonly property color textMuted: Qt.rgba(233 / 255, 238 / 255, 243 / 255, 0.50)
|
|
readonly property color textFaint: Qt.rgba(233 / 255, 238 / 255, 243 / 255, 0.34)
|
|
|
|
// ── Fills / states (fixed) ───────────────────────────────────────────
|
|
readonly property color hover: Qt.rgba(1, 1, 1, 0.07)
|
|
readonly property color fillSubtle: Qt.rgba(1, 1, 1, 0.05)
|
|
|
|
// ── Typography ───────────────────────────────────────────────────────
|
|
readonly property string fontFamily: "JetBrainsMono Nerd Font"
|
|
readonly property QtObject font: QtObject {
|
|
readonly property string family: root.fontFamily
|
|
readonly property int bar: 12
|
|
readonly property int panelTitle: 13
|
|
readonly property int body: 12
|
|
readonly property int bodySmall: 11
|
|
readonly property int label: 10 // section labels (uppercase, tracked)
|
|
readonly property int meta: 10 // times, %, device sub
|
|
readonly property int clockBig: 52 // power-menu clock
|
|
readonly property real trackingLabel: 1.6
|
|
readonly property real trackingBar: -0.1
|
|
readonly property real trackingClockBig: 2
|
|
}
|
|
|
|
// ── Shape ────────────────────────────────────────────────────────────
|
|
// NoSignal: no curved corners anywhere — all rectangular elements are square.
|
|
readonly property QtObject radius: QtObject {
|
|
readonly property int panel: 0
|
|
readonly property int button: 0
|
|
readonly property int barModule: 0
|
|
readonly property int tile: 0
|
|
readonly property int full: 1000 // genuine circles only (toggle icons, avatar, switch knob)
|
|
}
|
|
|
|
// ── Spacing / sizing ─────────────────────────────────────────────────
|
|
readonly property QtObject size: QtObject {
|
|
readonly property int barHeight: 38 // exclusive zone
|
|
readonly property int popoutTopRight: 44 // right-anchored panels
|
|
readonly property int popoutTopCenter: 48 // centered panels
|
|
readonly property int panelPad: 16 // 14-18
|
|
readonly property int gap: 12 // 8-16
|
|
readonly property int rowMin: 30 // panel row hit target
|
|
readonly property int barIcon: 16 // 15-17
|
|
}
|
|
|
|
// ── Animation ────────────────────────────────────────────────────────
|
|
readonly property int hoverMs: 120
|
|
}
|