From ccdb4e0664376e31c865246c9556d6bd7909e9a3 Mon Sep 17 00:00:00 2001 From: LemmyCook Date: Mon, 8 Sep 2025 21:37:01 -0400 Subject: [PATCH] Icons: more icons --- Commons/Bootstrap.qml | 5 ----- Modules/Bar/Widgets/PowerProfile.qml | 10 +++++----- Modules/Bar/Widgets/SidePanelToggle.qml | 2 +- Modules/Bar/Widgets/Volume.qml | 2 +- .../Notification/NotificationHistoryPanel.qml | 2 +- .../SettingsPanel/Bar/BarSectionEditor.qml | 2 +- Modules/SettingsPanel/SettingsPanel.qml | 20 ++++++------------- Modules/SettingsPanel/Tabs/AudioTab.qml | 2 +- Modules/SidePanel/Cards/PowerProfilesCard.qml | 4 ++-- Modules/SidePanel/Cards/SystemMonitorCard.qml | 4 ++-- Modules/SidePanel/Cards/UtilitiesCard.qml | 4 ++-- Services/BatteryService.qml | 3 ++- Widgets/NComboBox.qml | 2 +- Widgets/NSpinBox.qml | 4 ++-- 14 files changed, 27 insertions(+), 39 deletions(-) diff --git a/Commons/Bootstrap.qml b/Commons/Bootstrap.qml index eba39e4..e4ddb04 100644 --- a/Commons/Bootstrap.qml +++ b/Commons/Bootstrap.qml @@ -46,7 +46,6 @@ Singleton { // "upload": "\uF296", // "download": "\uF294", // "album": "\uF2FF", - // "plus": "\uF64D", // "minus": "\uF63B", // "eyedropper": "\uF342", // "bell": "\uF18A", @@ -62,16 +61,12 @@ Singleton { // "gauge": "\uF580", // "lightning": "\uF46D", // "keyboard": "\uF451", - // "paint_brush": "\uEE26", // "link": "\uF470", // "macaron": "\uF154", // "box": "\uF1C8", // "monitor": "\uF302" // // another contrast \uF8F3 \uF8DA // } - - - property var icons: { "alarm-fill": "\uF101", "alarm": "\uF102", diff --git a/Modules/Bar/Widgets/PowerProfile.qml b/Modules/Bar/Widgets/PowerProfile.qml index d29b180..43bff33 100644 --- a/Modules/Bar/Widgets/PowerProfile.qml +++ b/Modules/Bar/Widgets/PowerProfile.qml @@ -19,13 +19,13 @@ NIconButton { function profileIcon() { if (!hasPP) - return "balance" + return Bootstrap.icons["yin-yang"] if (powerProfiles.profile === PowerProfile.Performance) - return "speed" + return Bootstrap.icons["speedometer2"] if (powerProfiles.profile === PowerProfile.Balanced) - return "balance" + return Bootstrap.icons["yin-yang"] if (powerProfiles.profile === PowerProfile.PowerSaver) - return "eco" + return Bootstrap.icons["leaf"] } function profileName() { @@ -57,4 +57,4 @@ NIconButton { colorBorder: Color.transparent colorBorderHover: Color.transparent onClicked: root.changeProfile() -} +} \ No newline at end of file diff --git a/Modules/Bar/Widgets/SidePanelToggle.qml b/Modules/Bar/Widgets/SidePanelToggle.qml index ada2796..56f3376 100644 --- a/Modules/Bar/Widgets/SidePanelToggle.qml +++ b/Modules/Bar/Widgets/SidePanelToggle.qml @@ -33,7 +33,7 @@ NIconButton { readonly property bool useDistroLogo: (widgetSettings.useDistroLogo !== undefined) ? widgetSettings.useDistroLogo : widgetMetadata.useDistroLogo - icon: useDistroLogo ? "" : Bootstrap.icons["panel"] + icon: useDistroLogo ? "" : Bootstrap.icons["layout-sidebar-inset-reverse"] tooltipText: "Open side panel." sizeRatio: 0.8 diff --git a/Modules/Bar/Widgets/Volume.qml b/Modules/Bar/Widgets/Volume.qml index 286bdcb..71fe1f3 100644 --- a/Modules/Bar/Widgets/Volume.qml +++ b/Modules/Bar/Widgets/Volume.qml @@ -47,7 +47,7 @@ Item { } return AudioService.volume <= Number.EPSILON ? Bootstrap.icons["volume-off"] : (AudioService.volume - < 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"]) + < 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"]) } // Connection used to open the pill when volume changes diff --git a/Modules/Notification/NotificationHistoryPanel.qml b/Modules/Notification/NotificationHistoryPanel.qml index 06b8bd7..bf22c19 100644 --- a/Modules/Notification/NotificationHistoryPanel.qml +++ b/Modules/Notification/NotificationHistoryPanel.qml @@ -85,7 +85,7 @@ NPanel { } NIcon { - text: "notifications_off" + text: Bootstrap.icons["bell-slash"] font.pointSize: 64 * scaling color: Color.mOnSurfaceVariant Layout.alignment: Qt.AlignHCenter diff --git a/Modules/SettingsPanel/Bar/BarSectionEditor.qml b/Modules/SettingsPanel/Bar/BarSectionEditor.qml index 3d206c7..919deb8 100644 --- a/Modules/SettingsPanel/Bar/BarSectionEditor.qml +++ b/Modules/SettingsPanel/Bar/BarSectionEditor.qml @@ -85,7 +85,7 @@ NBox { } NIconButton { - icon: Bootstrap.icons["plus"] + icon: Bootstrap.icons["plus-lg"] colorBg: Color.mPrimary colorFg: Color.mOnPrimary diff --git a/Modules/SettingsPanel/SettingsPanel.qml b/Modules/SettingsPanel/SettingsPanel.qml index d7ab9eb..d07db79 100644 --- a/Modules/SettingsPanel/SettingsPanel.qml +++ b/Modules/SettingsPanel/SettingsPanel.qml @@ -195,7 +195,7 @@ NPanel { }, { "id": SettingsPanel.Tab.About, "label": "About", - "icon": "person", + "icon": "info-circle", "source": aboutTab }) @@ -400,21 +400,13 @@ NPanel { anchors.fill: parent anchors.leftMargin: Style.marginS * scaling anchors.rightMargin: Style.marginS * scaling - spacing: Style.marginS * scaling + spacing: Style.marginM * scaling - // Tab icon - Item { - width: 20 * scaling - height: width - - NIcon { - text: Bootstrap.icons[modelData.icon] - color: tabTextColor - font.pointSize: Style.fontSizeL * scaling - anchors.centerIn: parent - } + NIcon { + text: Bootstrap.icons[modelData.icon] + color: tabTextColor + font.pointSize: Style.fontSizeL * scaling } - // Tab label NText { text: modelData.label diff --git a/Modules/SettingsPanel/Tabs/AudioTab.qml b/Modules/SettingsPanel/Tabs/AudioTab.qml index 20ece47..dba15ca 100644 --- a/Modules/SettingsPanel/Tabs/AudioTab.qml +++ b/Modules/SettingsPanel/Tabs/AudioTab.qml @@ -272,7 +272,7 @@ ColumnLayout { // Button aligned to the center of the actual input field NIconButton { - icon: Bootstrap.icons["plus"] + icon: Bootstrap.icons["plus-lg"] Layout.alignment: Qt.AlignBottom Layout.bottomMargin: blacklistInput.description ? Style.marginS * scaling : 0 onClicked: { diff --git a/Modules/SidePanel/Cards/PowerProfilesCard.qml b/Modules/SidePanel/Cards/PowerProfilesCard.qml index 3f7eb8d..1cc7732 100644 --- a/Modules/SidePanel/Cards/PowerProfilesCard.qml +++ b/Modules/SidePanel/Cards/PowerProfilesCard.qml @@ -28,7 +28,7 @@ NBox { } // Performance NIconButton { - icon: Bootstrap.icons["speed"] + icon: Bootstrap.icons["speedometer2"] tooltipText: "Set performance power profile." enabled: hasPP opacity: enabled ? Style.opacityFull : Style.opacityMedium @@ -42,7 +42,7 @@ NBox { } // Balanced NIconButton { - icon: Bootstrap.icons["yin_yang"] + icon: Bootstrap.icons["yin-yang"] tooltipText: "Set balanced power profile." enabled: hasPP opacity: enabled ? Style.opacityFull : Style.opacityMedium diff --git a/Modules/SidePanel/Cards/SystemMonitorCard.qml b/Modules/SidePanel/Cards/SystemMonitorCard.qml index 21f246e..c8515fa 100644 --- a/Modules/SidePanel/Cards/SystemMonitorCard.qml +++ b/Modules/SidePanel/Cards/SystemMonitorCard.qml @@ -24,7 +24,7 @@ NBox { NCircleStat { value: SystemStatService.cpuUsage - icon: Bootstrap.icons["speed"] + icon: Bootstrap.icons["speedometer2"] flat: true contentScale: 0.8 width: 72 * scaling @@ -33,7 +33,7 @@ NBox { NCircleStat { value: SystemStatService.cpuTemp suffix: "°C" - icon: Bootstrap.icons["thermometer"] + icon: Bootstrap.icons["fire"] flat: true contentScale: 0.8 width: 72 * scaling diff --git a/Modules/SidePanel/Cards/UtilitiesCard.qml b/Modules/SidePanel/Cards/UtilitiesCard.qml index 3900dc9..c34a7f3 100644 --- a/Modules/SidePanel/Cards/UtilitiesCard.qml +++ b/Modules/SidePanel/Cards/UtilitiesCard.qml @@ -25,7 +25,7 @@ NBox { } // Screen Recorder NIconButton { - icon: Bootstrap.icons["video_camera"] + icon: Bootstrap.icons["camera-video"] tooltipText: ScreenRecorderService.isRecording ? "Stop screen recording." : "Start screen recording." colorBg: ScreenRecorderService.isRecording ? Color.mPrimary : Color.mSurfaceVariant colorFg: ScreenRecorderService.isRecording ? Color.mOnPrimary : Color.mPrimary @@ -41,7 +41,7 @@ NBox { // Idle Inhibitor NIconButton { - icon: Bootstrap.icons["coffee"] + icon: Bootstrap.icons["cup-hot"] tooltipText: IdleInhibitorService.isInhibited ? "Disable keep awake." : "Enable keep awake." colorBg: IdleInhibitorService.isInhibited ? Color.mPrimary : Color.mSurfaceVariant colorFg: IdleInhibitorService.isInhibited ? Color.mOnPrimary : Color.mPrimary diff --git a/Services/BatteryService.qml b/Services/BatteryService.qml index ce36be2..3bad2cc 100644 --- a/Services/BatteryService.qml +++ b/Services/BatteryService.qml @@ -2,6 +2,7 @@ pragma Singleton import Quickshell import Quickshell.Services.UPower +import qs.Commons import qs.Services Singleton { @@ -10,7 +11,7 @@ Singleton { // Choose icon based on charge and charging state function getIcon(percent, charging, isReady) { if (!isReady) { - return Bootstrap.icons["battery"] // FIXME: find battery error ? + return Bootstrap.icons["exclamation-diamond"] } if (charging) { diff --git a/Widgets/NComboBox.qml b/Widgets/NComboBox.qml index 4a59df9..538de23 100644 --- a/Widgets/NComboBox.qml +++ b/Widgets/NComboBox.qml @@ -85,7 +85,7 @@ RowLayout { indicator: NIcon { x: combo.width - width - Style.marginM * scaling y: combo.topPadding + (combo.availableHeight - height) / 2 - text: Bootstrap.icons["arrow_drop_down"] + text: Bootstrap.icons["chevron-down"] font.pointSize: Style.fontSizeL * scaling } diff --git a/Widgets/NSpinBox.qml b/Widgets/NSpinBox.qml index ed13961..27d1e0f 100644 --- a/Widgets/NSpinBox.qml +++ b/Widgets/NSpinBox.qml @@ -95,7 +95,7 @@ RowLayout { NIcon { anchors.centerIn: parent - text: Bootstrap.icons["minus"] + text: Bootstrap.icons["dash-lg"] font.pointSize: Style.fontSizeS * scaling color: decreaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary } @@ -130,7 +130,7 @@ RowLayout { NIcon { anchors.centerIn: parent - text: Bootstrap.icons["plus"] + text: Bootstrap.icons["plus-lg"] font.pointSize: Style.fontSizeS * scaling color: increaseArea.containsMouse ? Color.mOnPrimary : Color.mPrimary }