nvrlandClaude Opus 5.5
ae6539218e
Hyprland: - Windows round at 8px, concentric with the porthole's 18px corners at the 10px gap, instead of square corners inside a rounded opening. - Group tabs are solid hull slabs; the titles used to float over the wallpaper. The current tab is lifted a step with its title in the light. - Motion rewritten to glide and settle: no overshoot curve, gentler popin, workspaces slide-fade a short way instead of sweeping the whole screen, and layers only fade so they never stack on quickshell's own slides. Quickshell: - Album art in the bar and the media popout is square in a hairline frame, not masked to a leaning chamfered shape; the accent slab under the popout art is gone, and a track change dips the title instead of tilting the art. - The bar's equaliser is a five-hairline signal meter that rests as dots. - Segment meters (system, battery, OSD) are 4px rows instead of 10-12px blocks; the toast fuse is a hairline; the clock's accent slab is a neutral divider. - No hover pops: rail icons, tray icons, media transport buttons and P5Button no longer scale up or lunge sideways; the icon bump is reduced. Terminal: ANSI bright black drops to #464d44. TUIs use it as a panel fill, and at the outline grey it read as a flat light slab. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
90 lines
3.0 KiB
QML
90 lines
3.0 KiB
QML
import QtQuick
|
|
import "root:/config"
|
|
import "root:/components"
|
|
|
|
// One metric in a popout: a label and its reading on a line, with a thin
|
|
// segmented meter underneath.
|
|
//
|
|
// This replaces the radial Gauge. A 270° dial was the only curved thing in a
|
|
// shell whose whole geometry is sheared slabs and hard chamfers, so it read as
|
|
// though it had been imported from another design. The meter says the same
|
|
// thing in the language the bar and the OSD already speak, and it gets far more
|
|
// resolution across a popout's width than a 88px dial did.
|
|
Item {
|
|
id: root
|
|
|
|
property string label: ""
|
|
property real value: 0 // 0..100
|
|
property string readout: Math.round(root.value) + "%"
|
|
property string sub: ""
|
|
property color tone: Theme.heat(root.value)
|
|
|
|
property int segments: 24
|
|
property real segmentSpacing: 3
|
|
|
|
implicitHeight: head.height + Theme.padS + meter.height
|
|
|
|
Item {
|
|
id: head
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: parent.top
|
|
height: Math.max(name.implicitHeight, figure.implicitHeight)
|
|
|
|
Text {
|
|
id: name
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: root.label.toUpperCase()
|
|
color: Theme.subtext
|
|
font.family: Theme.fontMono
|
|
font.pixelSize: Theme.fsMicro
|
|
font.letterSpacing: 2
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
// The secondary figure — temperature, used-of-total. Sits next to the
|
|
// label rather than under the number so the right edge stays a single
|
|
// clean column of readings.
|
|
Text {
|
|
anchors.left: name.right
|
|
anchors.leftMargin: Theme.padM
|
|
anchors.right: figure.left
|
|
anchors.rightMargin: Theme.padM
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
visible: root.sub !== ""
|
|
text: root.sub
|
|
color: Theme.muted
|
|
elide: Text.ElideRight
|
|
font.family: Theme.fontMono
|
|
font.pixelSize: Theme.fsMicro
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
SplitText {
|
|
// Not `value` — an id by that name shadows the `value` property, and
|
|
// the defaults above then round a Text item instead of a number.
|
|
id: figure
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: root.readout
|
|
pixelSize: Theme.fsBody
|
|
color: Theme.text
|
|
}
|
|
}
|
|
|
|
MeterBar {
|
|
id: meter
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
height: 4
|
|
segments: root.segments
|
|
spacing: root.segmentSpacing
|
|
// Fill the row exactly rather than leaving a ragged tail on the right.
|
|
segmentWidth: (width - (root.segments - 1) * root.segmentSpacing) / root.segments
|
|
value: root.value
|
|
activeColor: root.tone
|
|
}
|
|
}
|