nvrlandClaude Opus 5.5
18091a7109
Replaces the Persona x Mocha rice. NieR's menu language is kept whole — plain rectangles, hairline rules, letter-spaced upright capitals, a square marker on the current row, corner ticks round panels, and selection shown by inverting the row — but the colours come from ~/.wallpapers/space-1.jpg rather than from the game's beige: the grey-green void as the ground, the suit's sage grey as text, the planet's white as the one accent, and the hull's red indicator lights as the alarm. The Persona geometry is switched off rather than ripped out: Theme.skew and Theme.cut are 0, so P5Panel, Skew and Geom collapse to rectangles. Overshoot easing, italics and black weights are gone shell-wide. New, borrowed from caelestia's screen border: bar/Frame.qml draws the bar, the rail and a thin left/bottom band as one hull on the bottom layer, with the desktop as a rounded opening cut out of it. Frame also owns all four exclusive zones, so the bar and rail are placed from the screen edge. Hyprland moves to 1px borders lit from the planet white into grey, a soft wide shadow and gaps measured from the opening. Alacritty, fish and dunst get matching YoRHa palettes. Neovim, GTK/Qt and btop are still Mocha. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
107 lines
3.4 KiB
QML
107 lines
3.4 KiB
QML
import QtQuick
|
|
import "root:/config"
|
|
|
|
// Display text: upright, widely tracked, sitting on a soft ink copy a pixel
|
|
// down-right — the faint drop NieR puts under every line of its interface.
|
|
// Drives most headings in the shell.
|
|
//
|
|
// The two ghosts either side of the body are the data-corruption flicker NieR
|
|
// uses when something changes under you. They are invisible at rest and only
|
|
// appear for the moment `glitch()` runs.
|
|
Item {
|
|
id: root
|
|
|
|
property string text: ""
|
|
property int pixelSize: Theme.fsLarge
|
|
property int weight: Theme.weightDisplay
|
|
property string family: Theme.fontDisplay
|
|
property bool italic: false
|
|
property color color: Theme.text
|
|
property int elide: Text.ElideNone
|
|
property int horizontalAlignment: Text.AlignLeft
|
|
property real letterSpacing: Theme.tracking
|
|
|
|
// Drop shadow. Scales gently with size so a 34px heading does not sit on
|
|
// the same hairline offset as an 11px label.
|
|
property real shadowOffset: Math.max(1, Math.round(root.pixelSize / 16))
|
|
property color shadowColor: Theme.alpha(Theme.ink, 0.85)
|
|
|
|
// Ghost offset and resting strength. Resting strength is zero, so the
|
|
// ghosts are invisible until `glitch()` kicks them out. A caller that sets
|
|
// `splitOpacity` is asking for the old permanent split and still gets it.
|
|
property real split: 1.6
|
|
property real splitOpacity: 0
|
|
|
|
// 0..1, driven only by `glitch()`. Kept apart from `split` and
|
|
// `splitOpacity` so the animation never has to remember a caller's values.
|
|
property real kick: 0
|
|
|
|
readonly property real ghostOffset: root.split + root.kick * 4
|
|
readonly property real ghostOpacity: Math.max(root.splitOpacity, root.kick * 0.85)
|
|
|
|
implicitWidth: body.implicitWidth
|
|
implicitHeight: body.implicitHeight
|
|
|
|
component Layer: Text {
|
|
anchors.fill: parent
|
|
text: root.text
|
|
elide: root.elide
|
|
horizontalAlignment: root.horizontalAlignment
|
|
verticalAlignment: Text.AlignVCenter
|
|
font.family: root.family
|
|
font.pixelSize: root.pixelSize
|
|
font.weight: root.weight
|
|
font.italic: root.italic
|
|
font.letterSpacing: root.letterSpacing
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
Layer {
|
|
anchors.leftMargin: root.shadowOffset
|
|
anchors.rightMargin: -root.shadowOffset
|
|
anchors.topMargin: root.shadowOffset
|
|
anchors.bottomMargin: -root.shadowOffset
|
|
color: root.shadowColor
|
|
}
|
|
|
|
Layer {
|
|
visible: root.ghostOpacity > 0.01
|
|
anchors.leftMargin: -root.ghostOffset
|
|
anchors.topMargin: root.ghostOffset * 0.4
|
|
color: Theme.accent
|
|
opacity: root.ghostOpacity
|
|
}
|
|
|
|
Layer {
|
|
visible: root.ghostOpacity > 0.01
|
|
anchors.leftMargin: root.ghostOffset
|
|
anchors.topMargin: -root.ghostOffset * 0.4
|
|
color: Theme.alarm
|
|
opacity: root.ghostOpacity
|
|
}
|
|
|
|
Layer {
|
|
id: body
|
|
color: root.color
|
|
}
|
|
|
|
// Kick the ghosts outward briefly — used on track changes, mode flips, etc.
|
|
function glitch() {
|
|
glitchAnim.restart();
|
|
}
|
|
|
|
SequentialAnimation {
|
|
id: glitchAnim
|
|
NumberAnimation {
|
|
target: root; property: "kick"
|
|
to: 1; duration: Theme.durFast
|
|
easing.type: Easing.OutExpo
|
|
}
|
|
NumberAnimation {
|
|
target: root; property: "kick"
|
|
to: 0; duration: Theme.durSlow
|
|
easing.type: Easing.OutCubic
|
|
}
|
|
}
|
|
}
|