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 {
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_high": "\uF1D2",
// "wifi_disable": "\uF61B",
@ -33,7 +15,7 @@ Singleton {
// "wifi_half": "\uF61A",
// "wifi_full": "\uF61C",
// "power": "\uF4FF",
// "gear": "\uF3E5",
// "close": "\uF659",
// "check": "\uF272",
// "panel": "\uF290",
@ -70,7 +52,7 @@ Singleton {
// "bell": "\uF18A",
// "bell_striked": "\uF631",
// "drive": "\uF412",
// "bluetooth": "\uF682",
// "person": "\uF4DA",
// "bar": "\uF52B",
// "launcher": "\uF843",

View file

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

View file

@ -53,7 +53,7 @@ NIconButton {
}
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'."
colorBg: Color.mSurfaceVariant
colorFg: Color.mOnSurface

View file

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

View file

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

View file

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

View file

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

View file

@ -45,7 +45,7 @@ NPanel {
}
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."
sizeRatio: 0.8
onClicked: Settings.data.notifications.doNotDisturb = !Settings.data.notifications.doNotDisturb
@ -59,7 +59,7 @@ NPanel {
}
NIconButton {
icon: Bootstrap.icons["close"]
icon: Bootstrap.icons["x-lg"]
tooltipText: "Close"
sizeRatio: 0.8
onClicked: {

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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