nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat(nosignal): NoSignal logo + V1 on About; fully square the UI

Browse source 
- About page: replace caelestia AnimatedLogo with the NoSignal logo
  (assets/nosignal-logo.png), title "NoSignal", version reads "V1".
- Square every remaining curved element to match the no-curves design:
  avatars, toggle/icon circles, power/media buttons, slider tracks+handles,
  NsSwitch track+knob, notification dot, calendar today, lock avatar -> radius 0.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
28allday 2026-06-14 11:42:08 +01:00
parent 7c06b808ae
commit 16de3f16fe
9 changed files with 27 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/nosignal-logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 44 KiB

4
components/NsSwitch.qml
View file

@ -13,7 +13,7 @@ Rectangle {
implicitWidth: 38
implicitHeight: 22
radius: 11
radius: 0
color: on ? Theme.accent : Theme.fillSubtle
Behavior on color {
@ -27,7 +27,7 @@ Rectangle {
anchors.verticalCenter: parent.verticalCenter
implicitWidth: 16
implicitHeight: 16
radius: 8
radius: 0
color: root.on ? Theme.onAccent : Theme.text
Behavior on x {

2
modules/lock/LockSurface.qml
View file

@ -157,7 +157,7 @@ WlSessionLockSurface {
Layout.topMargin: 64
implicitWidth: 74
implicitHeight: 74
radius: 37
radius: 0
gradient: Gradient {
orientation: Gradient.Vertical
GradientStop {

16
modules/nexus/pages/AboutPage.qml
View file

@ -1,5 +1,6 @@
import QtQuick
import QtQuick.Layouts
import Quickshell
import Quickshell.Io
import Caelestia
import Caelestia.Config
@ -61,22 +62,27 @@ PageBase {
width: parent.width - Tokens.padding.largeIncreased * 2
spacing: Tokens.spacing.small
AnimatedLogo {
Image {
Layout.alignment: Qt.AlignHCenter
Layout.preferredWidth: implicitWidth
Layout.preferredHeight: implicitHeight
Layout.preferredWidth: 104
Layout.preferredHeight: 104
source: Quickshell.shellDir + "/assets/nosignal-logo.png"
sourceSize.width: 208
sourceSize.height: 208
fillMode: Image.PreserveAspectFit
smooth: true
}
StyledText {
Layout.alignment: Qt.AlignHCenter
Layout.topMargin: Tokens.spacing.small
text: "Caelestia"
text: "NoSignal"
font: Tokens.font.headline.builders.large.width(110).build()
}
StyledText {
Layout.alignment: Qt.AlignHCenter
text: CUtils.version ? `v${CUtils.version}` : "…"
text: "V1"
color: Colours.palette.m3onSurfaceVariant
font: Tokens.font.body.medium
}

2
modules/nsbar/NsBar.qml
View file

@ -164,7 +164,7 @@ Variants {
anchors.topMargin: 1
implicitWidth: 6
implicitHeight: 6
radius: 3
radius: 0
color: Theme.accent
}
}

6
modules/nsbar/panels/NsAudio.qml
View file

@ -122,13 +122,13 @@ NsPanel {
Rectangle {
Layout.fillWidth: true
implicitHeight: 6
radius: 3
radius: 0
color: Theme.fillSubtle
Rectangle {
width: parent.width * Math.max(0, Math.min(1, s.value))
height: parent.height
radius: 3
radius: 0
color: Theme.accent
}
@ -137,7 +137,7 @@ NsPanel {
anchors.verticalCenter: parent.verticalCenter
implicitWidth: 14
implicitHeight: 14
radius: 7
radius: 0
color: Theme.accent
}

2
modules/nsbar/panels/NsCalendar.qml
View file

@ -109,7 +109,7 @@ NsPanel {
visible: parent.modelData > 0
implicitWidth: 26
implicitHeight: 26
radius: 13
radius: 0
color: parent.today ? Theme.accent : "transparent"
StyledText {

2
modules/nsbar/panels/NsNotifications.qml
View file

@ -40,7 +40,7 @@ NsPanel {
Rectangle {
implicitWidth: 26
implicitHeight: 26
radius: 13
radius: 0
color: Notifs.dnd ? Theme.accentSoft : dndMa.containsMouse ? Theme.hover : "transparent"
NsIcon {

14
modules/nsbar/panels/NsQuickSettings.qml
View file

@ -28,7 +28,7 @@ NsPanel {
Rectangle {
implicitWidth: 40
implicitHeight: 40
radius: 20
radius: 0
gradient: Gradient {
orientation: Gradient.Vertical
GradientStop {
@ -75,7 +75,7 @@ NsPanel {
Rectangle {
implicitWidth: 34
implicitHeight: 34
radius: 17
radius: 0
color: pwrMa.containsMouse ? Theme.accentSoft : Theme.fillSubtle
NsIcon {
@ -264,7 +264,7 @@ NsPanel {
Rectangle {
implicitWidth: 30
implicitHeight: 30
radius: 15
radius: 0
color: tile.on ? Theme.accent : Qt.rgba(1, 1, 1, 0.06)
NsIcon {
@ -319,13 +319,13 @@ NsPanel {
Layout.fillWidth: true
implicitHeight: 6
radius: 3
radius: 0
color: Theme.fillSubtle
Rectangle {
width: parent.width * Math.max(0, Math.min(1, s.value))
height: parent.height
radius: 3
radius: 0
color: Theme.accent
}
@ -334,7 +334,7 @@ NsPanel {
anchors.verticalCenter: parent.verticalCenter
implicitWidth: 14
implicitHeight: 14
radius: 7
radius: 0
color: Theme.accent
}
@ -362,7 +362,7 @@ NsPanel {
implicitWidth: 28
implicitHeight: 28
radius: 14
radius: 0
color: mbm.containsMouse ? Theme.hover : "transparent"
NsIcon {