Add missing alpha tokens

This commit is contained in:
Ryan Hughes
2026-05-19 15:54:00 -04:00
parent c26a957b8f
commit 6f72604f2c
8 changed files with 97 additions and 70 deletions
+7 -6
View File
@@ -20,13 +20,14 @@ Item {
property var filteredEntries: []
// Bound to the central [app-launcher] section in shell.toml via Color.qml.
// Each surface color composes with its alpha companion at render time.
// Each color already includes its alpha companion (composed in the
// singleton), so consumers can drop them straight into a Rectangle.
property color background: Color.appLauncher.background
property color foreground: Color.appLauncher.text
property color border: Color.alpha(Color.appLauncher.border, Color.appLauncher.borderAlpha)
property color selectedBackground: Color.alpha(Color.appLauncher.selectedBackground, Color.appLauncher.selectedBackgroundAlpha)
property color border: Color.appLauncher.border
property color selectedBackground: Color.appLauncher.selectedBackground
property color selectedText: Color.appLauncher.selectedText
property color selectedBorder: Color.alpha(Color.appLauncher.selectedBorder, Color.appLauncher.selectedBorderAlpha)
property color selectedBorder: Color.appLauncher.selectedBorder
property string fontFamily: Quickshell.env("OMARCHY_MENU_FONT") || "monospace"
property int cardWidth: 644
@@ -248,7 +249,7 @@ Item {
height: Math.min(root.cardHeight, panel.height - Style.gapsOut * 2)
radius: Style.cornerRadius
anchors.centerIn: parent
color: root.withAlpha(root.background, 0.95)
color: root.background
border.color: root.border
border.width: 2
clip: true
@@ -357,7 +358,7 @@ Item {
radius: 0
color: row.hasCursor ? root.selectedBackground : "transparent"
border.color: row.hasCursor ? root.selectedBorder : "transparent"
border.width: (row.hasCursor && Color.appLauncher.selectedBorderAlpha > 0) ? Math.max(1, Style.normalBorderWidth) : 0
border.width: (row.hasCursor && root.selectedBorder.a > 0) ? Math.max(1, Style.normalBorderWidth) : 0
Item {
id: iconSlot
-1
View File
@@ -687,7 +687,6 @@ Item {
border.color: Color.tooltip.border
border.width: 1
radius: Style.cornerRadius
opacity: 0.97
Text {
id: tooltipLabel
+2 -2
View File
@@ -440,7 +440,7 @@ Item {
Rectangle {
anchors.fill: parent
visible: root.opened && root.imagesLoaded
color: root.withAlpha(root.background, 0.5)
color: root.background
}
MouseArea {
@@ -592,7 +592,7 @@ Item {
preferredRendererType: Shape.CurveRenderer
ShapePath {
fillColor: "transparent"
strokeColor: item.selected ? root.selectedBorder : root.withAlpha(root.unselectedBorder, 0.28)
strokeColor: item.selected ? root.selectedBorder : root.unselectedBorder
strokeWidth: item.selected ? 3 : 1
startX: item.topLeft; startY: 0
PathLine { x: item.topRight; y: 0 }
+7 -6
View File
@@ -62,14 +62,15 @@ Item {
property var navStack: []
property var providersLoaded: ({})
property var providerQueue: []
// Bound to the central [menu] section in shell.toml via Color.qml. Each
// surface color composes with its alpha companion at render time.
// Bound to the central [menu] section in shell.toml via Color.qml.
// Each color already includes its alpha companion (composed in the
// singleton), so consumers can drop them straight into a Rectangle.
property color background: Color.menu.background
property color foreground: Color.menu.text
property color border: Color.alpha(Color.menu.border, Color.menu.borderAlpha)
property color selectedBackground: Color.alpha(Color.menu.selectedBackground, Color.menu.selectedBackgroundAlpha)
property color border: Color.menu.border
property color selectedBackground: Color.menu.selectedBackground
property color selectedText: Color.menu.selectedText
property color selectedBorder: Color.alpha(Color.menu.selectedBorder, Color.menu.selectedBorderAlpha)
property color selectedBorder: Color.menu.selectedBorder
readonly property int cornerRadius: Style.cornerRadius
property int contentMargin: Style.spacing.panelPadding
property int headerHeight: Math.max(Style.space(34), Style.font.title + Style.spacing.controlPaddingY * 2)
@@ -1083,7 +1084,7 @@ Item {
radius: root.cornerRadius
color: row.hasCursor ? root.selectedBackground : "transparent"
border.color: row.hasCursor ? root.selectedBorder : "transparent"
border.width: (row.hasCursor && Color.menu.selectedBorderAlpha > 0) ? Style.hoverBorderWidth : 0
border.width: (row.hasCursor && root.selectedBorder.a > 0) ? Style.hoverBorderWidth : 0
Rectangle {
visible: false