Icons: most settings tabs

This commit is contained in:
LemmyCook 2025-09-08 21:23:57 -04:00
parent 74cf71755b
commit c77784b5c1
17 changed files with 38 additions and 58 deletions

View file

@ -8,24 +8,6 @@ import qs.Commons
Singleton { Singleton {
id: root id: root
// property var icons: {
// "sunny": "\uF1D2",
// "partly_cloudy": "\uF2BE",
// "cloud": "\uF2C3",
// "foggy": "\uF2A7",
// "rainy": "\uF29D",
// "snowy": "\uF2BC",
// "thunderstorm": "\uF2AC",
// "battery_empty": "\uF188",
// "battery_low": "\uF911",
// "battery_half": "\uF187",
// "battery_full": "\uF186",
// "battery_charging": "\uF185",
// "volume_muted": "\uF60D",
// "volume_off": "\uF60F",
// "volume_half": "\uF60B",
// "volume_full": "\uF611",
// "brightness_low": "\uF1D4", // "brightness_low": "\uF1D4",
// "brightness_high": "\uF1D2", // "brightness_high": "\uF1D2",
// "wifi_disable": "\uF61B", // "wifi_disable": "\uF61B",
@ -33,7 +15,7 @@ Singleton {
// "wifi_half": "\uF61A", // "wifi_half": "\uF61A",
// "wifi_full": "\uF61C", // "wifi_full": "\uF61C",
// "power": "\uF4FF", // "power": "\uF4FF",
// "gear": "\uF3E5",
// "close": "\uF659", // "close": "\uF659",
// "check": "\uF272", // "check": "\uF272",
// "panel": "\uF290", // "panel": "\uF290",
@ -70,7 +52,7 @@ Singleton {
// "bell": "\uF18A", // "bell": "\uF18A",
// "bell_striked": "\uF631", // "bell_striked": "\uF631",
// "drive": "\uF412", // "drive": "\uF412",
// "bluetooth": "\uF682",
// "person": "\uF4DA", // "person": "\uF4DA",
// "bar": "\uF52B", // "bar": "\uF52B",
// "launcher": "\uF843", // "launcher": "\uF843",

View file

@ -55,7 +55,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: root.close() onClicked: root.close()

View file

@ -53,7 +53,7 @@ NIconButton {
} }
sizeRatio: 0.8 sizeRatio: 0.8
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell_striked"] : Bootstrap.icons["bell"] icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell-slash"] : Bootstrap.icons["bell"]
tooltipText: Settings.data.notifications.doNotDisturb ? "Notification history.\nRight-click to disable 'Do Not Disturb'." : "Notification history.\nRight-click to enable 'Do Not Disturb'." tooltipText: Settings.data.notifications.doNotDisturb ? "Notification history.\nRight-click to disable 'Do Not Disturb'." : "Notification history.\nRight-click to enable 'Do Not Disturb'."
colorBg: Color.mSurfaceVariant colorBg: Color.mSurfaceVariant
colorFg: Color.mOnSurface colorFg: Color.mOnSurface

View file

@ -66,7 +66,7 @@ RowLayout {
NIcon { NIcon {
id: cpuUsageIcon id: cpuUsageIcon
text: Bootstrap.icons["speed"] text: Bootstrap.icons["speedometer2"]
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
} }
@ -85,13 +85,12 @@ RowLayout {
// CPU Temperature Component // CPU Temperature Component
RowLayout { RowLayout {
id: cpuTempLayout id: cpuTempLayout
// spacing is thin here to compensate for the vertical thermometer icon spacing: Style.marginXS * scaling
spacing: Style.marginXXS * scaling
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
visible: showCpuTemp visible: showCpuTemp
NIcon { NIcon {
text: Bootstrap.icons["thermometer"] text: Bootstrap.icons["fire"]
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
} }

View file

@ -43,11 +43,11 @@ Item {
function getIcon() { function getIcon() {
if (AudioService.muted) { if (AudioService.muted) {
return Bootstrap.icons["volume_muted"] return Bootstrap.icons["volume-mute"]
} }
return AudioService.volume return AudioService.volume
<= Number.EPSILON ? Bootstrap.icons["volume_off"] : (AudioService.volume <= Number.EPSILON ? Bootstrap.icons["volume-off"] : (AudioService.volume
< 0.5 ? Bootstrap.icons["volume_half"] : Bootstrap.icons["volume_full"]) < 0.5 ? Bootstrap.icons["volume-down"] : Bootstrap.icons["volume-up"])
} }
// Connection used to open the pill when volume changes // Connection used to open the pill when volume changes

View file

@ -54,7 +54,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: { onClicked: {

View file

@ -294,7 +294,7 @@ Variants {
// Close button positioned absolutely // Close button positioned absolutely
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
sizeRatio: 0.6 sizeRatio: 0.6
anchors.top: parent.top anchors.top: parent.top

View file

@ -45,7 +45,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell_striked"] : Bootstrap.icons["bell"] icon: Settings.data.notifications.doNotDisturb ? Bootstrap.icons["bell-slash"] : Bootstrap.icons["bell"]
tooltipText: Settings.data.notifications.doNotDisturb ? "'Do Not Disturb' is enabled." : "'Do Not Disturb' is disabled." tooltipText: Settings.data.notifications.doNotDisturb ? "'Do Not Disturb' is enabled." : "'Do Not Disturb' is disabled."
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb onClicked: Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb
@ -59,7 +59,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: { onClicked: {

View file

@ -210,7 +210,7 @@ NBox {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
sizeRatio: 0.6 sizeRatio: 0.6
colorBorder: Qt.alpha(Color.mOutline, Style.opacityLight) colorBorder: Qt.alpha(Color.mOutline, Style.opacityLight)
colorBg: Color.mOnSurface colorBg: Color.mOnSurface

View file

@ -84,7 +84,7 @@ Popup {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
onClicked: settingsPopup.close() onClicked: settingsPopup.close()
} }
} }

View file

@ -128,22 +128,22 @@ NPanel {
}, { }, {
"id": SettingsPanel.Tab.Bar, "id": SettingsPanel.Tab.Bar,
"label": "Bar", "label": "Bar",
"icon": "bar", "icon": "segmented-nav",
"source": barTab "source": barTab
}, { }, {
"id": SettingsPanel.Tab.Launcher, "id": SettingsPanel.Tab.Launcher,
"label": "Launcher", "label": "Launcher",
"icon": "launcher", "icon": "rocket",
"source": launcherTab "source": launcherTab
}, { }, {
"id": SettingsPanel.Tab.Audio, "id": SettingsPanel.Tab.Audio,
"label": "Audio", "label": "Audio",
"icon": "volume_full", "icon": "speaker",
"source": audioTab "source": audioTab
}, { }, {
"id": SettingsPanel.Tab.Display, "id": SettingsPanel.Tab.Display,
"label": "Display", "label": "Display",
"icon": "monitor", "icon": "display",
"source": displayTab "source": displayTab
}, { }, {
"id": SettingsPanel.Tab.Network, "id": SettingsPanel.Tab.Network,
@ -153,22 +153,22 @@ NPanel {
}, { }, {
"id": SettingsPanel.Tab.Brightness, "id": SettingsPanel.Tab.Brightness,
"label": "Brightness", "label": "Brightness",
"icon": "brightness_high", "icon": "brightness-high",
"source": brightnessTab "source": brightnessTab
}, { }, {
"id": SettingsPanel.Tab.Weather, "id": SettingsPanel.Tab.Weather,
"label": "Weather", "label": "Weather",
"icon": "partly_cloudy", "icon": "cloud-sun",
"source": weatherTab "source": weatherTab
}, { }, {
"id": SettingsPanel.Tab.ColorScheme, "id": SettingsPanel.Tab.ColorScheme,
"label": "Color Scheme", "label": "Color Scheme",
"icon": "paint_drop", "icon": "palette",
"source": colorSchemeTab "source": colorSchemeTab
}, { }, {
"id": SettingsPanel.Tab.Wallpaper, "id": SettingsPanel.Tab.Wallpaper,
"label": "Wallpaper", "label": "Wallpaper",
"icon": "image", "icon": "easel",
"source": wallpaperTab "source": wallpaperTab
}] }]
@ -177,7 +177,7 @@ NPanel {
newTabs.push({ newTabs.push({
"id": SettingsPanel.Tab.WallpaperSelector, "id": SettingsPanel.Tab.WallpaperSelector,
"label": "Wallpaper Selector", "label": "Wallpaper Selector",
"icon": "paint_brush", "icon": "image",
"source": wallpaperSelectorTab "source": wallpaperSelectorTab
}) })
} }
@ -185,17 +185,17 @@ NPanel {
newTabs.push({ newTabs.push({
"id": SettingsPanel.Tab.ScreenRecorder, "id": SettingsPanel.Tab.ScreenRecorder,
"label": "Screen Recorder", "label": "Screen Recorder",
"icon": "video_camera", "icon": "camera-video",
"source": screenRecorderTab "source": screenRecorderTab
}, { }, {
"id": SettingsPanel.Tab.Hooks, "id": SettingsPanel.Tab.Hooks,
"label": "Hooks", "label": "Hooks",
"icon": "link", "icon": "link-45deg",
"source": hooksTab "source": hooksTab
}, { }, {
"id": SettingsPanel.Tab.About, "id": SettingsPanel.Tab.About,
"label": "About", "label": "About",
"icon": "macaron", "icon": "person",
"source": aboutTab "source": aboutTab
}) })
@ -480,7 +480,7 @@ NPanel {
// Close button // Close button
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
onClicked: root.close() onClicked: root.close()

View file

@ -322,7 +322,7 @@ ColumnLayout {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
sizeRatio: 0.8 sizeRatio: 0.8
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
Layout.rightMargin: Style.marginXS * scaling Layout.rightMargin: Style.marginXS * scaling

View file

@ -78,7 +78,7 @@ NBox {
NIconButton { NIconButton {
id: closeButton id: closeButton
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close side panel." tooltipText: "Close side panel."
onClicked: { onClicked: {
sidePanel.close() sidePanel.close()

View file

@ -63,7 +63,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
tooltipText: "Close" tooltipText: "Close"
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: root.close() onClicked: root.close()
@ -105,7 +105,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
sizeRatio: 0.6 sizeRatio: 0.6
onClicked: NetworkService.lastError = "" onClicked: NetworkService.lastError = ""
} }
@ -492,7 +492,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: { onClicked: {
passwordSsid = "" passwordSsid = ""
@ -547,7 +547,7 @@ NPanel {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
sizeRatio: 0.8 sizeRatio: 0.8
onClicked: expandedSsid = "" onClicked: expandedSsid = ""
} }

View file

@ -148,7 +148,7 @@ Popup {
} }
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
onClicked: root.close() onClicked: root.close()
} }
} }
@ -492,7 +492,7 @@ Popup {
NButton { NButton {
id: cancelButton id: cancelButton
text: "Cancel" text: "Cancel"
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
outlined: cancelButton.hovered ? false : true outlined: cancelButton.hovered ? false : true
customHeight: 36 * scaling customHeight: 36 * scaling
customWidth: 100 * scaling customWidth: 100 * scaling

View file

@ -4,7 +4,6 @@ import qs.Commons
import qs.Widgets import qs.Widgets
Text { Text {
text: "\uF706" // fallback/default to balloon icon
font.family: "bootstrap-icons" font.family: "bootstrap-icons"
font.pointSize: Style.fontSizeL * scaling font.pointSize: Style.fontSizeL * scaling
color: Color.mOnSurface color: Color.mOnSurface

View file

@ -162,7 +162,7 @@ Item {
// Close button (only if persistent or manual dismiss needed) // Close button (only if persistent or manual dismiss needed)
NIconButton { NIconButton {
icon: Bootstrap.icons["close"] icon: Bootstrap.icons["x-lg"]
visible: root.persistent || root.duration === 0 visible: root.persistent || root.duration === 0
colorBg: Color.mSurfaceVariant colorBg: Color.mSurfaceVariant