Replaced file structures for themes in the correct format

1 files changed, 0 insertions, 1148 deletions

diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/TimeWeatherTab.qml b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/TimeWeatherTab.qml
deleted file mode 100644
index 61f4d43..0000000
--- a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Settings/TimeWeatherTab.qml
+++ /dev/null
@@ -1,1148 +0,0 @@
-import QtQuick
-import QtQuick.Effects
-import QtQuick.Layouts
-import qs.Common
-import qs.Services
-import qs.Widgets
-import qs.Modules.Settings.Widgets
-
-Item {
-    id: root
-
-    readonly property string _systemDefaultLabel: I18n.tr("System Default")
-
-    function weekStartQt() {
-        if (SettingsData.firstDayOfWeek < 0 || SettingsData.firstDayOfWeek >= 7)
-            return Qt.locale().firstDayOfWeek;
-        return SettingsData.firstDayOfWeek;
-    }
-
-    function weekStartJs() {
-        return weekStartQt() % 7;
-    }
-
-    function _dayNames() {
-        return Array(7).fill(0).map((_, i) => new Date(Date.UTC(2026, 2, 1 + i, 0, 0, 0)).toLocaleDateString(I18n.locale(), "dddd")).map(d => d[0].toUpperCase() + d.slice(1));
-    }
-
-    DankFlickable {
-        anchors.fill: parent
-        clip: true
-        contentHeight: mainColumn.height + Theme.spacingXL
-        contentWidth: width
-
-        Column {
-            id: mainColumn
-            topPadding: 4
-
-            width: Math.min(550, parent.width - Theme.spacingL * 2)
-            anchors.horizontalCenter: parent.horizontalCenter
-            spacing: Theme.spacingXL
-
-            SettingsCard {
-                tab: "time"
-                tags: ["time", "clock", "format", "24hour"]
-                title: I18n.tr("Time Format")
-                settingKey: "timeFormat"
-                iconName: "schedule"
-
-                SettingsToggleRow {
-                    tab: "time"
-                    tags: ["time", "24hour", "format"]
-                    settingKey: "use24HourClock"
-                    text: I18n.tr("24-Hour Format")
-                    description: I18n.tr("Use 24-hour time format instead of 12-hour AM/PM")
-                    checked: SettingsData.use24HourClock
-                    onToggled: checked => SettingsData.set("use24HourClock", checked)
-                }
-
-                SettingsToggleRow {
-                    tab: "time"
-                    tags: ["time", "seconds", "clock"]
-                    settingKey: "showSeconds"
-                    text: I18n.tr("Show Seconds")
-                    description: I18n.tr("Display seconds in the clock")
-                    checked: SettingsData.showSeconds
-                    onToggled: checked => SettingsData.set("showSeconds", checked)
-                }
-
-                SettingsToggleRow {
-                    tab: "time"
-                    tags: ["time", "12hour", "format", "padding", "leading", "zero"]
-                    settingKey: "padHours12Hour"
-                    text: I18n.tr("Pad Hours")
-                    description: "02:31 PM vs 2:31 PM"
-                    checked: SettingsData.padHours12Hour
-                    onToggled: checked => SettingsData.set("padHours12Hour", checked)
-                    visible: !SettingsData.use24HourClock
-                }
-            }
-
-            SettingsCard {
-                tab: "time"
-                tags: ["date", "format", "calendar"]
-                title: I18n.tr("Date Format")
-                settingKey: "dateFormat"
-                iconName: "calendar_today"
-
-                SettingsToggleRow {
-                    tab: "time"
-                    tags: ["show", "week"]
-                    settingKey: "showWeekNumber"
-                    text: I18n.tr("Show Week Number")
-                    description: I18n.tr("Show week number in the calendar")
-                    checked: SettingsData.showWeekNumber
-                    onToggled: checked => SettingsData.set("showWeekNumber", checked)
-                }
-
-                SettingsDropdownRow {
-                    tab: "time"
-                    tags: ["first", "day", "week"]
-                    settingKey: "firstDayOfWeek"
-                    text: I18n.tr("First Day of Week")
-                    options: [root._systemDefaultLabel].concat(root._dayNames())
-                    currentValue: {
-                        if (SettingsData.firstDayOfWeek < 0 || SettingsData.firstDayOfWeek >= 7)
-                            return root._systemDefaultLabel;
-                        return root._dayNames()[root.weekStartJs()];
-                    }
-                    onValueChanged: value => {
-                        if (value === root._systemDefaultLabel) {
-                            SettingsData.set("firstDayOfWeek", -1);
-                            return;
-                        }
-                        SettingsData.set("firstDayOfWeek", root._dayNames().indexOf(value));
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 1
-                    color: Theme.outline
-                    opacity: 0.15
-                }
-
-                SettingsDropdownRow {
-                    tab: "time"
-                    tags: ["date", "format", "topbar"]
-                    settingKey: "clockDateFormat"
-                    text: I18n.tr("Top Bar Format")
-                    description: "Preview: " + (SettingsData.clockDateFormat ? new Date().toLocaleDateString(I18n.locale(), SettingsData.clockDateFormat) : new Date().toLocaleDateString(I18n.locale(), "ddd d"))
-                    options: [I18n.tr("System Default", "date format option"), I18n.tr("Day Date", "date format option"), I18n.tr("Day Month Date", "date format option"), I18n.tr("Month Date", "date format option"), I18n.tr("Numeric (M/D)", "date format option"), I18n.tr("Numeric (D/M)", "date format option"), I18n.tr("Full with Year", "date format option"), I18n.tr("ISO Date", "date format option"), I18n.tr("Full Day & Month", "date format option"), I18n.tr("Custom...", "date format option")]
-                    currentValue: {
-                        if (!SettingsData.clockDateFormat || SettingsData.clockDateFormat.length === 0)
-                            return I18n.tr("System Default", "date format option");
-                        const presets = [
-                            {
-                                "format": "ddd d",
-                                "label": I18n.tr("Day Date", "date format option")
-                            },
-                            {
-                                "format": "ddd MMM d",
-                                "label": I18n.tr("Day Month Date", "date format option")
-                            },
-                            {
-                                "format": "MMM d",
-                                "label": I18n.tr("Month Date", "date format option")
-                            },
-                            {
-                                "format": "M/d",
-                                "label": I18n.tr("Numeric (M/D)", "date format option")
-                            },
-                            {
-                                "format": "d/M",
-                                "label": I18n.tr("Numeric (D/M)", "date format option")
-                            },
-                            {
-                                "format": "ddd d MMM yyyy",
-                                "label": I18n.tr("Full with Year", "date format option")
-                            },
-                            {
-                                "format": "yyyy-MM-dd",
-                                "label": I18n.tr("ISO Date", "date format option")
-                            },
-                            {
-                                "format": "dddd, MMMM d",
-                                "label": I18n.tr("Full Day & Month", "date format option")
-                            }
-                        ];
-                        const match = presets.find(p => p.format === SettingsData.clockDateFormat);
-                        return match ? match.label : I18n.tr("Custom: ") + SettingsData.clockDateFormat;
-                    }
-                    onValueChanged: value => {
-                        const formatMap = {};
-                        formatMap[I18n.tr("System Default", "date format option")] = "";
-                        formatMap[I18n.tr("Day Date", "date format option")] = "ddd d";
-                        formatMap[I18n.tr("Day Month Date", "date format option")] = "ddd MMM d";
-                        formatMap[I18n.tr("Month Date", "date format option")] = "MMM d";
-                        formatMap[I18n.tr("Numeric (M/D)", "date format option")] = "M/d";
-                        formatMap[I18n.tr("Numeric (D/M)", "date format option")] = "d/M";
-                        formatMap[I18n.tr("Full with Year", "date format option")] = "ddd d MMM yyyy";
-                        formatMap[I18n.tr("ISO Date", "date format option")] = "yyyy-MM-dd";
-                        formatMap[I18n.tr("Full Day & Month", "date format option")] = "dddd, MMMM d";
-                        if (value === I18n.tr("Custom...", "date format option")) {
-                            customFormatInput.visible = true;
-                        } else {
-                            customFormatInput.visible = false;
-                            SettingsData.set("clockDateFormat", formatMap[value]);
-                        }
-                    }
-                }
-
-                DankTextField {
-                    id: customFormatInput
-                    width: parent.width - Theme.spacingM * 2
-                    x: Theme.spacingM
-                    visible: false
-                    placeholderText: I18n.tr("Enter custom top bar format (e.g., ddd MMM d)")
-                    text: SettingsData.clockDateFormat
-                    onTextChanged: {
-                        if (visible && text)
-                            SettingsData.set("clockDateFormat", text);
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 1
-                    color: Theme.outline
-                    opacity: 0.15
-                }
-
-                SettingsDropdownRow {
-                    tab: "time"
-                    tags: ["date", "format", "lock", "screen"]
-                    settingKey: "lockDateFormat"
-                    text: I18n.tr("Lock Screen Format")
-                    description: "Preview: " + (SettingsData.lockDateFormat ? new Date().toLocaleDateString(I18n.locale(), SettingsData.lockDateFormat) : new Date().toLocaleDateString(I18n.locale(), Locale.LongFormat))
-                    options: [I18n.tr("System Default", "date format option"), I18n.tr("Day Date", "date format option"), I18n.tr("Day Month Date", "date format option"), I18n.tr("Month Date", "date format option"), I18n.tr("Numeric (M/D)", "date format option"), I18n.tr("Numeric (D/M)", "date format option"), I18n.tr("Full with Year", "date format option"), I18n.tr("ISO Date", "date format option"), I18n.tr("Full Day & Month", "date format option"), I18n.tr("Custom...", "date format option")]
-                    currentValue: {
-                        if (!SettingsData.lockDateFormat || SettingsData.lockDateFormat.length === 0)
-                            return I18n.tr("System Default", "date format option");
-                        const presets = [
-                            {
-                                "format": "ddd d",
-                                "label": I18n.tr("Day Date", "date format option")
-                            },
-                            {
-                                "format": "ddd MMM d",
-                                "label": I18n.tr("Day Month Date", "date format option")
-                            },
-                            {
-                                "format": "MMM d",
-                                "label": I18n.tr("Month Date", "date format option")
-                            },
-                            {
-                                "format": "M/d",
-                                "label": I18n.tr("Numeric (M/D)", "date format option")
-                            },
-                            {
-                                "format": "d/M",
-                                "label": I18n.tr("Numeric (D/M)", "date format option")
-                            },
-                            {
-                                "format": "ddd d MMM yyyy",
-                                "label": I18n.tr("Full with Year", "date format option")
-                            },
-                            {
-                                "format": "yyyy-MM-dd",
-                                "label": I18n.tr("ISO Date", "date format option")
-                            },
-                            {
-                                "format": "dddd, MMMM d",
-                                "label": I18n.tr("Full Day & Month", "date format option")
-                            }
-                        ];
-                        const match = presets.find(p => p.format === SettingsData.lockDateFormat);
-                        return match ? match.label : I18n.tr("Custom: ") + SettingsData.lockDateFormat;
-                    }
-                    onValueChanged: value => {
-                        const formatMap = {};
-                        formatMap[I18n.tr("System Default", "date format option")] = "";
-                        formatMap[I18n.tr("Day Date", "date format option")] = "ddd d";
-                        formatMap[I18n.tr("Day Month Date", "date format option")] = "ddd MMM d";
-                        formatMap[I18n.tr("Month Date", "date format option")] = "MMM d";
-                        formatMap[I18n.tr("Numeric (M/D)", "date format option")] = "M/d";
-                        formatMap[I18n.tr("Numeric (D/M)", "date format option")] = "d/M";
-                        formatMap[I18n.tr("Full with Year", "date format option")] = "ddd d MMM yyyy";
-                        formatMap[I18n.tr("ISO Date", "date format option")] = "yyyy-MM-dd";
-                        formatMap[I18n.tr("Full Day & Month", "date format option")] = "dddd, MMMM d";
-                        if (value === I18n.tr("Custom...", "date format option")) {
-                            customLockFormatInput.visible = true;
-                        } else {
-                            customLockFormatInput.visible = false;
-                            SettingsData.set("lockDateFormat", formatMap[value]);
-                        }
-                    }
-                }
-
-                DankTextField {
-                    id: customLockFormatInput
-                    width: parent.width - Theme.spacingM * 2
-                    x: Theme.spacingM
-                    visible: false
-                    placeholderText: I18n.tr("Enter custom lock screen format (e.g., dddd, MMMM d)")
-                    text: SettingsData.lockDateFormat
-                    onTextChanged: {
-                        if (visible && text)
-                            SettingsData.set("lockDateFormat", text);
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 1
-                    color: Theme.outline
-                    opacity: 0.15
-                }
-
-                Rectangle {
-                    width: parent.width - Theme.spacingM * 2
-                    x: Theme.spacingM
-                    height: formatHelp.implicitHeight + Theme.spacingM * 2
-                    radius: Theme.cornerRadius
-                    color: Theme.surfaceContainerHigh
-
-                    Column {
-                        id: formatHelp
-                        anchors.fill: parent
-                        anchors.margins: Theme.spacingM
-                        spacing: Theme.spacingXS
-
-                        StyledText {
-                            text: I18n.tr("Format Legend")
-                            font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.primary
-                            font.weight: Font.Medium
-                        }
-
-                        Row {
-                            width: parent.width
-                            spacing: Theme.spacingL
-
-                            Column {
-                                width: (parent.width - Theme.spacingL) / 2
-                                spacing: 2
-
-                                StyledText {
-                                    text: I18n.tr("• d - Day (1-31)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• dd - Day (01-31)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• ddd - Day name (Mon)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• dddd - Day name (Monday)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• M - Month (1-12)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                            }
-
-                            Column {
-                                width: (parent.width - Theme.spacingL) / 2
-                                spacing: 2
-
-                                StyledText {
-                                    text: I18n.tr("• MM - Month (01-12)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• MMM - Month (Jan)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• MMMM - Month (January)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• yy - Year (24)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                                StyledText {
-                                    text: I18n.tr("• yyyy - Year (2024)")
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Theme.surfaceVariantText
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            SettingsCard {
-                tab: "time"
-                tags: ["weather", "enable", "forecast"]
-                title: I18n.tr("Weather")
-                settingKey: "weather"
-                iconName: "cloud"
-
-                SettingsToggleRow {
-                    tab: "time"
-                    tags: ["weather", "enable"]
-                    settingKey: "weatherEnabled"
-                    text: I18n.tr("Enable Weather")
-                    description: I18n.tr("Show weather information in top bar and control center")
-                    checked: SettingsData.weatherEnabled
-                    onToggled: checked => SettingsData.set("weatherEnabled", checked)
-                }
-
-                Column {
-                    width: parent.width
-                    spacing: 0
-                    visible: SettingsData.weatherEnabled
-
-                    Rectangle {
-                        width: parent.width
-                        height: 1
-                        color: Theme.outline
-                        opacity: 0.15
-                    }
-
-                    SettingsToggleRow {
-                        tab: "time"
-                        tags: ["weather", "imperial", "fahrenheit", "units"]
-                        settingKey: "useFahrenheit"
-                        text: I18n.tr("Use Imperial Units")
-                        description: I18n.tr("Use Imperial units (°F, mph, inHg) instead of Metric (°C, km/h, hPa)")
-                        checked: SettingsData.useFahrenheit
-                        onToggled: checked => SettingsData.set("useFahrenheit", checked)
-                    }
-
-                    Rectangle {
-                        width: parent.width
-                        height: 1
-                        color: Theme.outline
-                        opacity: 0.15
-                        visible: !SettingsData.useFahrenheit
-                    }
-
-                    SettingsToggleRow {
-                        tab: "time"
-                        tags: ["weather", "wind", "speed", "units", "metric"]
-                        settingKey: "windSpeedUnit"
-                        text: I18n.tr("Wind Speed in m/s")
-                        description: I18n.tr("Use meters per second instead of km/h for wind speed")
-                        checked: SettingsData.windSpeedUnit === "ms"
-                        onToggled: checked => SettingsData.set("windSpeedUnit", checked ? "ms" : "kmh")
-                        visible: !SettingsData.useFahrenheit
-                    }
-
-                    Rectangle {
-                        width: parent.width
-                        height: 1
-                        color: Theme.outline
-                        opacity: 0.15
-                    }
-
-                    SettingsToggleRow {
-                        tab: "time"
-                        tags: ["weather", "location", "auto", "gps"]
-                        settingKey: "useAutoLocation"
-                        text: I18n.tr("Auto Location")
-                        description: I18n.tr("Automatically determine your location using your IP address")
-                        checked: SettingsData.useAutoLocation
-                        onToggled: checked => SettingsData.set("useAutoLocation", checked)
-                    }
-
-                    Column {
-                        width: parent.width
-                        spacing: Theme.spacingM
-                        visible: !SettingsData.useAutoLocation
-
-                        Rectangle {
-                            width: parent.width
-                            height: 1
-                            color: Theme.outline
-                            opacity: 0.15
-                        }
-
-                        Item {
-                            width: parent.width
-                            height: locationContent.height
-
-                            Column {
-                                id: locationContent
-                                width: parent.width - Theme.spacingM * 2
-                                x: Theme.spacingM
-                                spacing: Theme.spacingM
-
-                                StyledText {
-                                    text: I18n.tr("Custom Location")
-                                    font.pixelSize: Theme.fontSizeMedium
-                                    color: Theme.surfaceText
-                                    font.weight: Font.Medium
-                                }
-
-                                Row {
-                                    width: parent.width
-                                    spacing: Theme.spacingM
-
-                                    Column {
-                                        width: (parent.width - Theme.spacingM) / 2
-                                        spacing: Theme.spacingXS
-
-                                        StyledText {
-                                            text: I18n.tr("Latitude")
-                                            font.pixelSize: Theme.fontSizeSmall
-                                            color: Theme.surfaceVariantText
-                                        }
-
-                                        DankTextField {
-                                            id: latitudeInput
-                                            width: parent.width
-                                            height: 48
-                                            placeholderText: "40.7128"
-                                            backgroundColor: Theme.surfaceVariant
-                                            normalBorderColor: Theme.primarySelected
-                                            focusedBorderColor: Theme.primary
-                                            keyNavigationTab: longitudeInput
-
-                                            Component.onCompleted: {
-                                                if (SettingsData.weatherCoordinates) {
-                                                    const coords = SettingsData.weatherCoordinates.split(',');
-                                                    if (coords.length > 0)
-                                                        text = coords[0].trim();
-                                                }
-                                            }
-
-                                            Connections {
-                                                target: SettingsData
-                                                function onWeatherCoordinatesChanged() {
-                                                    if (SettingsData.weatherCoordinates) {
-                                                        const coords = SettingsData.weatherCoordinates.split(',');
-                                                        if (coords.length > 0)
-                                                            latitudeInput.text = coords[0].trim();
-                                                    }
-                                                }
-                                            }
-
-                                            onTextEdited: {
-                                                if (text && longitudeInput.text) {
-                                                    const coords = text + "," + longitudeInput.text;
-                                                    SessionData.weatherCoordinates = coords;
-                                                    SessionData.saveSettings();
-                                                }
-                                            }
-                                        }
-                                    }
-
-                                    Column {
-                                        width: (parent.width - Theme.spacingM) / 2
-                                        spacing: Theme.spacingXS
-
-                                        StyledText {
-                                            text: I18n.tr("Longitude")
-                                            font.pixelSize: Theme.fontSizeSmall
-                                            color: Theme.surfaceVariantText
-                                        }
-
-                                        DankTextField {
-                                            id: longitudeInput
-                                            width: parent.width
-                                            height: 48
-                                            placeholderText: "-74.0060"
-                                            backgroundColor: Theme.surfaceVariant
-                                            normalBorderColor: Theme.primarySelected
-                                            focusedBorderColor: Theme.primary
-                                            keyNavigationTab: locationSearchInput
-                                            keyNavigationBacktab: latitudeInput
-
-                                            Component.onCompleted: {
-                                                if (SettingsData.weatherCoordinates) {
-                                                    const coords = SettingsData.weatherCoordinates.split(',');
-                                                    if (coords.length > 1)
-                                                        text = coords[1].trim();
-                                                }
-                                            }
-
-                                            Connections {
-                                                target: SettingsData
-                                                function onWeatherCoordinatesChanged() {
-                                                    if (SettingsData.weatherCoordinates) {
-                                                        const coords = SettingsData.weatherCoordinates.split(',');
-                                                        if (coords.length > 1)
-                                                            longitudeInput.text = coords[1].trim();
-                                                    }
-                                                }
-                                            }
-
-                                            onTextEdited: {
-                                                if (text && latitudeInput.text) {
-                                                    const coords = latitudeInput.text + "," + text;
-                                                    SessionData.weatherCoordinates = coords;
-                                                    SessionData.saveSettings();
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-
-                                Column {
-                                    width: parent.width
-                                    spacing: Theme.spacingXS
-
-                                    StyledText {
-                                        text: I18n.tr("Location Search")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Theme.surfaceVariantText
-                                        font.weight: Font.Medium
-                                    }
-
-                                    DankLocationSearch {
-                                        id: locationSearchInput
-                                        width: parent.width
-                                        currentLocation: ""
-                                        placeholderText: I18n.tr("New York, NY")
-                                        keyNavigationBacktab: longitudeInput
-                                        onLocationSelected: (displayName, coordinates) => {
-                                            SettingsData.setWeatherLocation(displayName, coordinates);
-                                            const coords = coordinates.split(',');
-                                            if (coords.length >= 2) {
-                                                latitudeInput.text = coords[0].trim();
-                                                longitudeInput.text = coords[1].trim();
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-            SettingsCard {
-                tab: "time"
-                tags: ["weather", "current", "display"]
-                title: I18n.tr("Current Weather")
-                settingKey: "weather"
-                iconName: "visibility"
-                visible: SettingsData.weatherEnabled
-
-                Column {
-                    width: parent.width
-                    spacing: Theme.spacingL
-                    visible: !WeatherService.weather.available
-
-                    DankIcon {
-                        name: "cloud_off"
-                        size: Theme.iconSize * 2
-                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.5)
-                        anchors.horizontalCenter: parent.horizontalCenter
-                    }
-
-                    StyledText {
-                        text: I18n.tr("No Weather Data Available")
-                        font.pixelSize: Theme.fontSizeLarge
-                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                        anchors.horizontalCenter: parent.horizontalCenter
-                    }
-                }
-
-                Column {
-                    width: parent.width
-                    spacing: Theme.spacingM
-                    visible: WeatherService.weather.available
-
-                    Item {
-                        width: parent.width
-                        height: 70
-
-                        DankIcon {
-                            id: refreshButton
-                            name: "refresh"
-                            size: Theme.iconSize - 4
-                            color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.4)
-                            anchors.right: parent.right
-                            anchors.top: parent.top
-
-                            property bool isRefreshing: false
-                            enabled: !isRefreshing
-
-                            MouseArea {
-                                anchors.fill: parent
-                                hoverEnabled: true
-                                cursorShape: parent.enabled ? Qt.PointingHandCursor : Qt.ForbiddenCursor
-                                onClicked: {
-                                    refreshButton.isRefreshing = true;
-                                    WeatherService.forceRefresh();
-                                    refreshTimer.restart();
-                                }
-                                enabled: parent.enabled
-                            }
-
-                            Timer {
-                                id: refreshTimer
-                                interval: 2000
-                                onTriggered: refreshButton.isRefreshing = false
-                            }
-
-                            NumberAnimation on rotation {
-                                running: refreshButton.isRefreshing
-                                from: 0
-                                to: 360
-                                duration: 1000
-                                loops: Animation.Infinite
-                            }
-                        }
-
-                        Item {
-                            anchors.horizontalCenter: parent.horizontalCenter
-                            anchors.verticalCenter: parent.verticalCenter
-                            width: weatherIcon.width + tempColumn.width + sunriseColumn.width + Theme.spacingM * 2
-                            height: 70
-
-                            DankIcon {
-                                id: weatherIcon
-                                name: WeatherService.getWeatherIcon(WeatherService.weather.wCode)
-                                size: Theme.iconSize * 1.5
-                                color: Theme.primary
-                                anchors.left: parent.left
-                                anchors.verticalCenter: parent.verticalCenter
-
-                                layer.enabled: Theme.elevationEnabled
-                                layer.effect: MultiEffect {
-                                    shadowEnabled: Theme.elevationEnabled
-                                    shadowHorizontalOffset: Theme.elevationOffsetX(Theme.elevationLevel1)
-                                    shadowVerticalOffset: Theme.elevationOffsetY(Theme.elevationLevel1, 1)
-                                    shadowBlur: Theme.elevationEnabled ? Math.max(0, Math.min(1, (Theme.elevationLevel1 && Theme.elevationLevel1.blurPx !== undefined ? Theme.elevationLevel1.blurPx : 4) / Theme.elevationBlurMax)) : 0
-                                    blurMax: Theme.elevationBlurMax
-                                    shadowColor: Theme.elevationShadowColor(Theme.elevationLevel1)
-                                    shadowOpacity: Theme.elevationLevel1 && Theme.elevationLevel1.alpha !== undefined ? Theme.elevationLevel1.alpha : 0.2
-                                }
-                            }
-
-                            Column {
-                                id: tempColumn
-                                spacing: Theme.spacingXS
-                                anchors.left: weatherIcon.right
-                                anchors.leftMargin: Theme.spacingM
-                                anchors.verticalCenter: parent.verticalCenter
-
-                                Item {
-                                    width: tempText.width + unitText.width + Theme.spacingXS
-                                    height: tempText.height
-
-                                    StyledText {
-                                        id: tempText
-                                        text: (SettingsData.useFahrenheit ? WeatherService.weather.tempF : WeatherService.weather.temp) + "°"
-                                        font.pixelSize: Theme.fontSizeLarge + 4
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Light
-                                        anchors.left: parent.left
-                                        anchors.verticalCenter: parent.verticalCenter
-                                    }
-
-                                    StyledText {
-                                        id: unitText
-                                        text: SettingsData.useFahrenheit ? "F" : "C"
-                                        font.pixelSize: Theme.fontSizeMedium
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.left: tempText.right
-                                        anchors.leftMargin: Theme.spacingXS
-                                        anchors.verticalCenter: parent.verticalCenter
-
-                                        MouseArea {
-                                            anchors.fill: parent
-                                            hoverEnabled: true
-                                            cursorShape: Qt.PointingHandCursor
-                                            onClicked: {
-                                                if (WeatherService.weather.available)
-                                                    SettingsData.set("useFahrenheit", !SettingsData.useFahrenheit);
-                                            }
-                                            enabled: WeatherService.weather.available
-                                        }
-                                    }
-                                }
-
-                                StyledText {
-                                    property var feelsLike: SettingsData.useFahrenheit ? (WeatherService.weather.feelsLikeF || WeatherService.weather.tempF) : (WeatherService.weather.feelsLike || WeatherService.weather.temp)
-                                    text: I18n.tr("Feels Like %1°").arg(feelsLike)
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.5)
-                                }
-
-                                StyledText {
-                                    text: WeatherService.weather.city || ""
-                                    font.pixelSize: Theme.fontSizeMedium
-                                    color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                    visible: text.length > 0
-                                }
-                            }
-
-                            Column {
-                                id: sunriseColumn
-                                spacing: Theme.spacingXS
-                                anchors.left: tempColumn.right
-                                anchors.leftMargin: Theme.spacingM
-                                anchors.verticalCenter: parent.verticalCenter
-                                visible: WeatherService.weather.sunrise && WeatherService.weather.sunset
-
-                                Item {
-                                    width: sunriseIcon.width + sunriseText.width + Theme.spacingXS
-                                    height: sunriseIcon.height
-
-                                    DankIcon {
-                                        id: sunriseIcon
-                                        name: "wb_twilight"
-                                        size: Theme.iconSize - 6
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.6)
-                                        anchors.left: parent.left
-                                        anchors.verticalCenter: parent.verticalCenter
-                                    }
-
-                                    StyledText {
-                                        id: sunriseText
-                                        text: WeatherService.weather.sunrise || ""
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.6)
-                                        anchors.left: sunriseIcon.right
-                                        anchors.leftMargin: Theme.spacingXS
-                                        anchors.verticalCenter: parent.verticalCenter
-                                    }
-                                }
-
-                                Item {
-                                    width: sunsetIcon.width + sunsetText.width + Theme.spacingXS
-                                    height: sunsetIcon.height
-
-                                    DankIcon {
-                                        id: sunsetIcon
-                                        name: "bedtime"
-                                        size: Theme.iconSize - 6
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.6)
-                                        anchors.left: parent.left
-                                        anchors.verticalCenter: parent.verticalCenter
-                                    }
-
-                                    StyledText {
-                                        id: sunsetText
-                                        text: WeatherService.weather.sunset || ""
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.6)
-                                        anchors.left: sunsetIcon.right
-                                        anchors.leftMargin: Theme.spacingXS
-                                        anchors.verticalCenter: parent.verticalCenter
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                    Rectangle {
-                        width: parent.width
-                        height: 1
-                        color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.1)
-                    }
-
-                    GridLayout {
-                        width: parent.width
-                        height: 95
-                        columns: 6
-                        columnSpacing: Theme.spacingS
-                        rowSpacing: 0
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "device_thermostat"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Feels Like")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        text: (SettingsData.useFahrenheit ? (WeatherService.weather.feelsLikeF || WeatherService.weather.tempF) : (WeatherService.weather.feelsLike || WeatherService.weather.temp)) + "°"
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                }
-                            }
-                        }
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "humidity_low"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Humidity")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        text: WeatherService.weather.humidity ? WeatherService.weather.humidity + "%" : "--"
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                }
-                            }
-                        }
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "air"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Wind")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        id: windText
-                                        text: {
-                                            SettingsData.windSpeedUnit;
-                                            SettingsData.useFahrenheit;
-                                            return WeatherService.formatSpeed(WeatherService.weather.wind) || "--";
-                                        }
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-
-                                        MouseArea {
-                                            anchors.fill: parent
-                                            hoverEnabled: true
-                                            cursorShape: SettingsData.useFahrenheit ? Qt.ArrowCursor : Qt.PointingHandCursor
-                                            enabled: !SettingsData.useFahrenheit
-                                            onClicked: SettingsData.set("windSpeedUnit", SettingsData.windSpeedUnit === "kmh" ? "ms" : "kmh")
-                                        }
-                                    }
-                                }
-                            }
-                        }
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "speed"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Pressure")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        text: {
-                                            if (!WeatherService.weather.pressure)
-                                                return "--";
-                                            if (SettingsData.useFahrenheit)
-                                                return (WeatherService.weather.pressure * 0.02953).toFixed(2) + " inHg";
-                                            return WeatherService.weather.pressure + " hPa";
-                                        }
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                }
-                            }
-                        }
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "rainy"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Rain Chance")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        text: WeatherService.weather.precipitationProbability ? WeatherService.weather.precipitationProbability + "%" : "0%"
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                }
-                            }
-                        }
-
-                        Rectangle {
-                            Layout.fillWidth: true
-                            Layout.fillHeight: true
-                            radius: Theme.cornerRadius
-                            color: Theme.surfaceContainerHigh
-
-                            Column {
-                                anchors.centerIn: parent
-                                spacing: Theme.spacingXS
-
-                                Rectangle {
-                                    width: 32
-                                    height: 32
-                                    radius: 16
-                                    color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.1)
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    DankIcon {
-                                        anchors.centerIn: parent
-                                        name: "wb_sunny"
-                                        size: Theme.iconSize - 4
-                                        color: Theme.primary
-                                    }
-                                }
-
-                                Column {
-                                    anchors.horizontalCenter: parent.horizontalCenter
-                                    spacing: 2
-                                    StyledText {
-                                        text: I18n.tr("Visibility")
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                    StyledText {
-                                        text: I18n.tr("Good")
-                                        font.pixelSize: Theme.fontSizeSmall + 1
-                                        color: Theme.surfaceText
-                                        font.weight: Font.Medium
-                                        anchors.horizontalCenter: parent.horizontalCenter
-                                    }
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-}