RinUI 0.1.0__py3-none-any.whl → 0.1.1.post1__py3-none-any.whl

RinUI/core/translator.py

@@ -1,25 +1,26 @@
-from PySide6.QtCore import QTranslator, QLocale
-from .config import RINUI_PATH
-import os
-
-
-class RinUITranslator(QTranslator):
-    """
-    RinUI i18n translator.
-    :param locale: QLocale, optional, default is system locale
-    """
-    def __init__(self, locale: QLocale = QLocale.system().name(), parent=None):  # follow system
-        super().__init__(parent)
-        self.load(locale or QLocale())
-
-    def load(self, locale: QLocale) -> bool:
-        """
-        Load translation file for the given locale.
-        :param locale: QLocale, the locale to load (eg = QLocale(QLocale.Chinese, QLocale.China), QLocale("zh_CN"))
-        :return: bool
-        """
-        print(f"🌏 Current locale: {locale.name()}")
-        path = os.path.join(RINUI_PATH, "RinUI", "languages", f"{locale.name()}.qm")
-        if not os.path.exists(path):
-            raise FileNotFoundError(f"Cannot find translation file: {path}")
-        return super().load(path)
+from PySide6.QtCore import QTranslator, QLocale
+from .config import RINUI_PATH
+import os
+
+
+class RinUITranslator(QTranslator):
+    """
+    RinUI i18n translator.
+    :param locale: QLocale, optional, default is system locale
+    """
+    def __init__(self, locale: QLocale = QLocale.system().name(), parent=None):  # follow system
+        super().__init__(parent)
+        self.load(locale or QLocale())
+
+    def load(self, locale: QLocale) -> bool:
+        """
+        Load translation file for the given locale.
+        :param locale: QLocale, the locale to load (eg = QLocale(QLocale.Chinese, QLocale.China), QLocale("zh_CN"))
+        :return: bool
+        """
+        print(f"🌏 Current locale: {locale.name()}")
+        path = os.path.join(RINUI_PATH, "RinUI", "languages", f"{locale.name()}.qm")
+        if not os.path.exists(path):
+            print(f"Language file \"{path}\" not found. Fallback to default (en_US)")
+            path = os.path.join(RINUI_PATH, "RinUI", "languages", "en_US.qm")
+        return super().load(path)

RinUI/hooks/__init__.py

@@ -1,3 +1,3 @@
-def get_hook_dirs():
-    import os
-    return [os.path.dirname(__file__)]
+def get_hook_dirs():
+    import os
+    return [os.path.dirname(__file__)]

RinUI/hooks/hook-RinUI.py

@@ -1,3 +1,3 @@
-from PyInstaller.utils.hooks import collect_data_files
-
-datas = collect_data_files('RinUI', include_py_files=False)
+from PyInstaller.utils.hooks import collect_data_files
+
+datas = collect_data_files('RinUI', include_py_files=False)

RinUI/qmldir

@@ -1,105 +1,109 @@
-module RinUI
-
-singleton Theme 1.0 themes/theme.qml
-singleton Utils 1.0 themes/utils.qml
-
-Shadow 1.0 components/Shadow.qml
-FocusIndicator 1.0 components/FocusIndicator.qml
-
-# Basic Input
-Button 1.0 components/BasicInput/Button.qml
-RoundButton 1.0 components/BasicInput/RoundButton.qml
-PillButton 1.0 components/BasicInput/PillButton.qml
-DropDownButton 1.0 components/BasicInput/DropDownButton.qml
-ToggleButton 1.0 components/BasicInput/ToggleButton.qml
-ToolButton 1.0 components/BasicInput/ToolButton.qml
-ComboBox 1.0 components/BasicInput/ComboBox.qml
-Switch 1.0 components/BasicInput/Switch.qml
-Hyperlink 1.0 components/BasicInput/Hyperlink.qml
-RadioButton 1.0 components/BasicInput/RadioButton.qml
-CheckBox 1.0 components/BasicInput/CheckBox.qml
-Slider 1.0 components/BasicInput/Slider.qml
-
-# Date & Time
-TimePicker 1.0 components/DateAndTime/TimePicker.qml
-DatePicker 1.0 components/DateAndTime/DatePicker.qml
-PickerView 1.0 components/DateAndTime/PickerView.qml
-
-# Dialogs & Flyouts
-Dialog 1.0 components/DialogsAndFlyouts/Dialog.qml
-Flyout 1.0 components/DialogsAndFlyouts/Flyout.qml
-TeachingTip 1.0 components/DialogsAndFlyouts/TeachingTip.qml
-
-# Layout
-Expander 1.0 components/Layout/Expander.qml
-SettingExpander 1.0 components/Layout/SettingExpander.qml
-SettingItem 1.0 components/Layout/SettingItem.qml
-
-
-# Text
-Text 1.0 components/Text/Text.qml
-TextField 1.0 components/Text/TextField.qml
-TextArea 1.0 components/Text/TextArea.qml
-SpinBox 1.0 components/Text/SpinBox.qml
-TextInput 1.0 components/Text/TextInput.qml
-
-
-# Status & Info
-InfoBadge 1.0 components/StatusAndInfo/InfoBadge.qml
-InfoBar 1.0 components/StatusAndInfo/InfoBar.qml
-ProgressBar 1.0 components/StatusAndInfo/ProgressBar.qml
-ToolTip 1.0 components/StatusAndInfo/ToolTip.qml
-
-# ListAndCollections
-Clip 1.0 components/ListAndCollections/Clip.qml
-Frame 1.0 components/ListAndCollections/Frame.qml
-SettingCard 1.0 components/ListAndCollections/SettingCard.qml
-ListView 1.0 components/ListAndCollections/ListView.qml
-ListViewDelegate 1.0 components/ListAndCollections/ListViewDelegate.qml
-TableView 1.0 components/ListAndCollections/TableView.qml
-TableViewDelegate 1.0 components/ListAndCollections/TableViewDelegate.qml
-
-# Menus & Toolbars
-Menu 1.0 components/MenusAndToolbars/Menu.qml
-TextInputMenu 1.0 components/MenusAndToolbars/TextInputMenu.qml
-MenuItem 1.0 components/MenusAndToolbars/MenuItem.qml
-MenuItemGroup 1.0 components/MenusAndToolbars/MenuItemGroup.qml
-MenuSeparator 1.0 components/MenusAndToolbars/MenuSeparator.qml
-ToolSeparator 1.0 components/MenusAndToolbars/ToolSeparator.qml
-MenuBar 1.0 components/MenusAndToolbars/MenuBar.qml
-
-# Media
-Avatar 1.0 components/Media/Avatar.qml
-
-# Navigation
-NavigationView 1.0 components/Navigation/NavigationView.qml
-NavigationBar 1.0 components/Navigation/NavigationBar.qml
-SelectorBar 1.0 components/Navigation/SelectorBar.qml
-SelectorBarItem 1.0 components/Navigation/SelectorBarItem.qml
-Segmented 1.0 components/Navigation/Segmented.qml
-SegmentedItem 1.0 components/Navigation/SegmentedItem.qml
-
-
-# Window
-ApplicationWindow 1.0 windows/window/ApplicationWindow.qml
-Window 1.0 windows/window/Window.qml
-
-
-ScrollViewer 1.0 components/ScrollViewer.qml
-ScrollBar 1.0 components/ScrollBar.qml
-
-IconWidget 1.0 components/IconWidget.qml
-
-
-ContextMenu 1.0 components/ContextMenu.qml
-
-FluentWindow 1.0 windows/FluentWindow.qml
-FluentWindowBase 1.0 windows/FluentWindowBase.qml
-CtrlBtn 1.0 windows/CtrlBtn.qml
-FluentPage 1.0 windows/FluentPage.qml
-
-singleton Typography 1.0 utils/Typography.qml
-singleton Severity 1.0 utils/Severity.qml
-singleton Position 1.0 utils/Position.qml
-
+module RinUI
+
+singleton Theme 1.0 themes/theme.qml
+singleton Utils 1.0 themes/utils.qml
+singleton Colors 1.0 themes/Colors.qml
+singleton Appearance 1.0 themes/Appearance.qml
+
+Shadow 1.0 components/Shadow.qml
+FocusIndicator 1.0 components/FocusIndicator.qml
+
+# Basic Input
+Button 1.0 components/BasicInput/Button.qml
+RoundButton 1.0 components/BasicInput/RoundButton.qml
+PillButton 1.0 components/BasicInput/PillButton.qml
+DropDownButton 1.0 components/BasicInput/DropDownButton.qml
+ToggleButton 1.0 components/BasicInput/ToggleButton.qml
+ToolButton 1.0 components/BasicInput/ToolButton.qml
+ComboBox 1.0 components/BasicInput/ComboBox.qml
+Switch 1.0 components/BasicInput/Switch.qml
+Hyperlink 1.0 components/BasicInput/Hyperlink.qml
+RadioButton 1.0 components/BasicInput/RadioButton.qml
+CheckBox 1.0 components/BasicInput/CheckBox.qml
+Slider 1.0 components/BasicInput/Slider.qml
+
+# Date & Time
+TimePicker 1.0 components/DateAndTime/TimePicker.qml
+DatePicker 1.0 components/DateAndTime/DatePicker.qml
+PickerView 1.0 components/DateAndTime/PickerView.qml
+
+# Dialogs & Flyouts
+Dialog 1.0 components/DialogsAndFlyouts/Dialog.qml
+Flyout 1.0 components/DialogsAndFlyouts/Flyout.qml
+Popup 1.0 components/DialogsAndFlyouts/Popup.qml
+TeachingTip 1.0 components/DialogsAndFlyouts/TeachingTip.qml
+
+# Layout
+Expander 1.0 components/Layout/Expander.qml
+SettingExpander 1.0 components/Layout/SettingExpander.qml
+SettingItem 1.0 components/Layout/SettingItem.qml
+
+
+# Text
+Text 1.0 components/Text/Text.qml
+TextField 1.0 components/Text/TextField.qml
+TextArea 1.0 components/Text/TextArea.qml
+SpinBox 1.0 components/Text/SpinBox.qml
+TextInput 1.0 components/Text/TextInput.qml
+
+
+# Status & Info
+InfoBadge 1.0 components/StatusAndInfo/InfoBadge.qml
+InfoBar 1.0 components/StatusAndInfo/InfoBar.qml
+ProgressBar 1.0 components/StatusAndInfo/ProgressBar.qml
+ProgressRing 1.0 components/StatusAndInfo/ProgressRing.qml
+ToolTip 1.0 components/StatusAndInfo/ToolTip.qml
+
+# ListAndCollections
+Clip 1.0 components/ListAndCollections/Clip.qml
+Frame 1.0 components/ListAndCollections/Frame.qml
+SettingCard 1.0 components/ListAndCollections/SettingCard.qml
+ListView 1.0 components/ListAndCollections/ListView.qml
+ListViewDelegate 1.0 components/ListAndCollections/ListViewDelegate.qml
+TableView 1.0 components/ListAndCollections/TableView.qml
+TableViewDelegate 1.0 components/ListAndCollections/TableViewDelegate.qml
+
+# Menus & Toolbars
+Menu 1.0 components/MenusAndToolbars/Menu.qml
+TextInputMenu 1.0 components/MenusAndToolbars/TextInputMenu.qml
+MenuItem 1.0 components/MenusAndToolbars/MenuItem.qml
+MenuItemGroup 1.0 components/MenusAndToolbars/MenuItemGroup.qml
+MenuSeparator 1.0 components/MenusAndToolbars/MenuSeparator.qml
+ToolSeparator 1.0 components/MenusAndToolbars/ToolSeparator.qml
+MenuBar 1.0 components/MenusAndToolbars/MenuBar.qml
+
+# Media
+Avatar 1.0 components/Media/Avatar.qml
+
+# Navigation
+NavigationView 1.0 components/Navigation/NavigationView.qml
+NavigationBar 1.0 components/Navigation/NavigationBar.qml
+SelectorBar 1.0 components/Navigation/SelectorBar.qml
+SelectorBarItem 1.0 components/Navigation/SelectorBarItem.qml
+Segmented 1.0 components/Navigation/Segmented.qml
+SegmentedItem 1.0 components/Navigation/SegmentedItem.qml
+
+
+# Window
+ApplicationWindow 1.0 windows/window/ApplicationWindow.qml
+Window 1.0 windows/window/Window.qml
+
+
+ScrollViewer 1.0 components/ScrollViewer.qml
+ScrollBar 1.0 components/ScrollBar.qml
+
+IconWidget 1.0 components/IconWidget.qml
+
+
+ContextMenu 1.0 components/ContextMenu.qml
+
+FluentWindow 1.0 windows/FluentWindow.qml
+FluentWindowBase 1.0 windows/FluentWindowBase.qml
+CtrlBtn 1.0 windows/CtrlBtn.qml
+FluentPage 1.0 windows/FluentPage.qml
+
+singleton Typography 1.0 utils/Typography.qml
+singleton Severity 1.0 utils/Severity.qml
+singleton Position 1.0 utils/Position.qml
+
 FloatLayer 1.0 utils/FloatLayer.qml

RinUI/themes/Appearance.qml

@@ -0,0 +1,36 @@
+pragma Singleton
+import QtQuick 2.15
+import "../themes"
+
+QtObject {
+    id: root
+
+    readonly property var themeColors: Theme.currentTheme !== null && Theme.currentTheme !== undefined
+    ? Theme.currentTheme.appearance
+    : undefined
+
+    // JS Proxy 模拟动态属性访问
+    readonly property var proxy: (function() {
+        if (typeof Proxy === "undefined") {
+            console.warn("Proxy is not supported in this QML environment.")
+            return {}
+        }
+
+        return new Proxy({}, {
+            get(target, prop) {
+                if (root.themeColors && prop in root.themeColors) {
+                    return root.themeColors[prop]
+                }
+                return undefined
+            },
+            has(target, prop) {
+                return root.themeColors && prop in root.themeColors
+            }
+        })
+    })()
+
+    // Sample: Appearance.get("controlColor") 或 Colors.proxy.controlColor
+    function get(name) {
+        return root.proxy[name]
+    }
+}

RinUI/themes/Colors.qml

@@ -0,0 +1,36 @@
+pragma Singleton
+import QtQuick 2.15
+import "../themes"
+
+QtObject {
+    id: root
+
+    readonly property var themeColors: Theme.currentTheme !== null && Theme.currentTheme !== undefined
+    ? Theme.currentTheme.colors
+    : undefined
+
+    // JS Proxy 模拟动态属性访问
+    readonly property var proxy: (function() {
+        if (typeof Proxy === "undefined") {
+            console.warn("Proxy is not supported in this QML environment.")
+            return {}
+        }
+
+        return new Proxy({}, {
+            get(target, prop) {
+                if (root.themeColors && prop in root.themeColors) {
+                    return root.themeColors[prop]
+                }
+                return undefined
+            },
+            has(target, prop) {
+                return root.themeColors && prop in root.themeColors
+            }
+        })
+    })
+
+    // Sample: Appearance.get("windowRadius") 或 Appearance.proxy.windowRadius
+    function get(name) {
+        return root.proxy[name]
+    }
+}

RinUI/themes/dark.qml

@@ -1,146 +1,146 @@
-
-import QtQuick 2.15
-import "../themes"
-
-QtObject {
-    property string name: "Dark"
-    property bool isDark: true
-
-    // Colors //
-    property QtObject colors: QtObject {
-        // Controls
-        property color controlColor: Qt.alpha("#ffffff", 0.065)
-        property color controlSecondaryColor: Qt.alpha("#ffffff", 0.1)
-        property color controlTertiaryColor: Qt.alpha("#ffffff", 0.0419)
-        property color controlQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
-        property color controlStrongColor: Qt.alpha("#ffffff", 0.5442)
-        property color controlInputActiveColor: Qt.alpha("#1E1E1E", 0.7)
-
-        property color controlAltSecondaryColor: Qt.alpha("#000000", 0.1)
-        property color controlAltTertiaryColor: Qt.alpha("#ffffff", 0.0419)
-        property color controlAltQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
-
-        property color controlFillColor: Qt.alpha("#ffffff", 0.0605)
-        property color controlFillSecondaryColor: Qt.alpha("#ffffff", 0.0837)
-        property color controlFillTertiaryColor: Qt.alpha("#ffffff", 0.0326)
-        property color controlFillQuaternaryColor: Qt.alpha("#ffffff", 0.0605)
-
-        property color controlBorderColor: Qt.alpha("#ffffff", 0.09)
-        property color controlBottomBorderColor: Qt.alpha("#000000", 0.03)
-        property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.14)
-        property color controlBorderStrongColor: Qt.alpha("#ffffff", 0.6047)
-        property color controlBorderAccentColor: Qt.alpha("#ffffff", 0.08)
-        property color textControlBorderColor: Qt.alpha("#ffffff", 0.54)
-        property color textControlBorderFocusedColor: Utils.primaryColor
-        property color flyoutBorderColor: Qt.alpha("#000000", 0.2)
-
-        property color controlSolidColor: "#454545"
-        property color dividerBorderColor: Qt.alpha("#ffffff", 0.0837)
-        // Accessibility
-        property color focusBorderOuter: "#ffffff"
-        property color focusBorderInner: Qt.alpha("#000000", 0.7)
-
-        // Card
-        property color cardColor: Qt.alpha("#ffffff", 0.0512)
-        property color cardSecondaryColor: Qt.alpha("#ffffff", 0.0326)
-        property color cardTertiaryColor: Qt.alpha("#ffffff", 0.0698)
-        property color cardBorderColor: Qt.alpha("#000000", 0.1)
-
-        // Background
-        property color backgroundColor: "#202020"
-        property color windowBorderColor: Qt.alpha("#757575", 0.0698)
-        property color backgroundAcrylicColor: "#2c2c2c"
-        property color backgroundSmokeColor: Qt.alpha("#000000", 0.3)
-
-        property color subtleColor: "transparent"
-        property color subtleSecondaryColor: Qt.alpha("#ffffff", 0.0605)
-        property color subtleTertiaryColor: Qt.alpha("#ffffff", 0.0419)
-        property color captionCloseColor: "#c42b1c"
-        property color captionCloseTextColor: "#ffffff"
-
-        // Layer
-        property color layerColor: Qt.alpha("#3A3A3A", 0.3)
-
-        // Text
-        property color textColor: "#ffffff"
-        property color textSecondaryColor: Qt.alpha("#ffffff", 0.6047)
-        property color textAccentColor: primaryColor
-        property color textOnAccentColor: "#000000"
-        property color textSelectedColor: "#000000"
-
-        property color primaryColor: Qt.color(Utils.primaryColor).lighter(1.6).darker(1.2)
-        property color disabledColor: "#ffffff"
-
-        // System Colors
-        property color systemAttentionColor: primaryColor
-        property color systemSuccessColor: "#6ccb5f"
-        property color systemCautionColor: "#fce100"
-        property color systemCriticalColor: "#ff99a4"
-        property color systemNeutralColor: "#9f9f9f"
-
-        property color systemAttentionBackgroundColor: "#2e2e2e"
-        property color systemSuccessBackgroundColor: "#393d1b"
-        property color systemCautionBackgroundColor: "#433519"
-        property color systemCriticalBackgroundColor: "#442726"
-        property color systemNeutralBackgroundColor: "#333333"
-    }
-
-    // Appearance //
-    property QtObject appearance: QtObject {
-        property int buttonRadius: 5
-        property int borderWidth: 1
-        property real borderFactor: 1.2
-        property real borderOnAccentFactor: 1.08
-        property int smallRadius: 3
-
-        property int dialogTitleBarHeight: 32
-        property int windowTitleBarHeight: 48
-        property int windowRadius: 7
-        property int windowButtonWidth: 46
-
-        property int scrollBarMinWidth: 2
-        property int scrollBarWidth: 6
-        property int scrollBarPadding: 3
-
-        property int sliderHandleSize: 20
-    }
-
-    // Shadows //
-    property var shadows: {
-        "dialog": {
-            "color": Qt.rgba(0, 0, 0, 0.37),  // 模糊颜色
-            "blur": 64,  // 模糊度
-            "offsetY": 32
-        },
-        "tooltip": {
-            "color": Qt.alpha("#000000", 0.14),
-            "blur": 8,
-            "offsetY": 4
-        },
-        "cardRest": {
-            "color": Qt.rgba(0, 0, 0, 0.04),
-            "blur": 4,
-            "offsetY": 2
-        },
-        "flyout": {
-            "color": Qt.alpha("#000000", 0.14),
-            "blur": 24,
-            "offsetY": 8
-        },
-    }
-
-    // Typography //
-    property QtObject typography: QtObject {
-        // property string fontFamily: "Segoe UI"
-        // property string fontIcon: "FluentSystemIcons-Resizeable.ttf"  // 字体图标路径 / font icon (put it in the "assets/fonts" folder)
-        // Font Sizes
-        property int displaySize: 68
-        property int titleLargeSize: 40
-        property int titleSize: 28
-        property int subtitleSize: 20
-        property int bodyLargeSize: 18
-        property int bodySize: 14
-        property int bodyStrongSize: 14
-        property int captionSize: 12
-    }
+
+import QtQuick 2.15
+import "../themes"
+
+QtObject {
+    property string name: "Dark"
+    property bool isDark: true
+
+    // Colors //
+    property QtObject colors: QtObject {
+        // Controls
+        property color controlColor: Qt.alpha("#ffffff", 0.065)
+        property color controlSecondaryColor: Qt.alpha("#ffffff", 0.1)
+        property color controlTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color controlQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
+        property color controlStrongColor: Qt.alpha("#ffffff", 0.5442)
+        property color controlInputActiveColor: Qt.alpha("#1E1E1E", 0.7)
+
+        property color controlAltSecondaryColor: Qt.alpha("#000000", 0.1)
+        property color controlAltTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color controlAltQuaternaryColor: Qt.alpha("#ffffff", 0.0698)
+
+        property color controlFillColor: Qt.alpha("#ffffff", 0.0605)
+        property color controlFillSecondaryColor: Qt.alpha("#ffffff", 0.0837)
+        property color controlFillTertiaryColor: Qt.alpha("#ffffff", 0.0326)
+        property color controlFillQuaternaryColor: Qt.alpha("#ffffff", 0.0605)
+
+        property color controlBorderColor: Qt.alpha("#ffffff", 0.09)
+        property color controlBottomBorderColor: Qt.alpha("#000000", 0.03)
+        property color controlAccentBottomBorderColor: Qt.alpha("#000000", 0.14)
+        property color controlBorderStrongColor: Qt.alpha("#ffffff", 0.6047)
+        property color controlBorderAccentColor: Qt.alpha("#ffffff", 0.08)
+        property color textControlBorderColor: Qt.alpha("#ffffff", 0.54)
+        property color textControlBorderFocusedColor: Utils.primaryColor
+        property color flyoutBorderColor: Qt.alpha("#000000", 0.2)
+
+        property color controlSolidColor: "#454545"
+        property color dividerBorderColor: Qt.alpha("#ffffff", 0.0837)
+        // Accessibility
+        property color focusBorderOuter: "#ffffff"
+        property color focusBorderInner: Qt.alpha("#000000", 0.7)
+
+        // Card
+        property color cardColor: Qt.alpha("#ffffff", 0.0512)
+        property color cardSecondaryColor: Qt.alpha("#ffffff", 0.0326)
+        property color cardTertiaryColor: Qt.alpha("#ffffff", 0.0698)
+        property color cardBorderColor: Qt.alpha("#000000", 0.1)
+
+        // Background
+        property color backgroundColor: "#202020"
+        property color windowBorderColor: Qt.alpha("#757575", 0.0698)
+        property color backgroundAcrylicColor: "#2c2c2c"
+        property color backgroundSmokeColor: Qt.alpha("#000000", 0.3)
+
+        property color subtleColor: "transparent"
+        property color subtleSecondaryColor: Qt.alpha("#ffffff", 0.0605)
+        property color subtleTertiaryColor: Qt.alpha("#ffffff", 0.0419)
+        property color captionCloseColor: "#c42b1c"
+        property color captionCloseTextColor: "#ffffff"
+
+        // Layer
+        property color layerColor: Qt.alpha("#3A3A3A", 0.3)
+
+        // Text
+        property color textColor: "#ffffff"
+        property color textSecondaryColor: Qt.alpha("#ffffff", 0.6047)
+        property color textAccentColor: primaryColor
+        property color textOnAccentColor: "#000000"
+        property color textSelectedColor: "#000000"
+
+        property color primaryColor: Qt.color(Utils.primaryColor).lighter(1.6).darker(1.2)
+        property color disabledColor: "#ffffff"
+
+        // System Colors
+        property color systemAttentionColor: primaryColor
+        property color systemSuccessColor: "#6ccb5f"
+        property color systemCautionColor: "#fce100"
+        property color systemCriticalColor: "#ff99a4"
+        property color systemNeutralColor: "#9f9f9f"
+
+        property color systemAttentionBackgroundColor: "#2e2e2e"
+        property color systemSuccessBackgroundColor: "#393d1b"
+        property color systemCautionBackgroundColor: "#433519"
+        property color systemCriticalBackgroundColor: "#442726"
+        property color systemNeutralBackgroundColor: "#333333"
+    }
+
+    // Appearance //
+    property QtObject appearance: QtObject {
+        property int buttonRadius: 5
+        property int borderWidth: 1
+        property real borderFactor: 1.2
+        property real borderOnAccentFactor: 1.08
+        property int smallRadius: 3
+
+        property int dialogTitleBarHeight: 32
+        property int windowTitleBarHeight: 48
+        property int windowRadius: 7
+        property int windowButtonWidth: 46
+
+        property int scrollBarMinWidth: 2
+        property int scrollBarWidth: 6
+        property int scrollBarPadding: 3
+
+        property int sliderHandleSize: 20
+    }
+
+    // Shadows //
+    property var shadows: {
+        "dialog": {
+            "color": Qt.rgba(0, 0, 0, 0.37),  // 模糊颜色
+            "blur": 64,  // 模糊度
+            "offsetY": 32
+        },
+        "tooltip": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 8,
+            "offsetY": 4
+        },
+        "cardRest": {
+            "color": Qt.rgba(0, 0, 0, 0.04),
+            "blur": 4,
+            "offsetY": 2
+        },
+        "flyout": {
+            "color": Qt.alpha("#000000", 0.14),
+            "blur": 24,
+            "offsetY": 8
+        },
+    }
+
+    // Typography //
+    property QtObject typography: QtObject {
+        // property string fontFamily: "Segoe UI"
+        // property string fontIcon: "FluentSystemIcons-Resizeable.ttf"  // 字体图标路径 / font icon (put it in the "assets/fonts" folder)
+        // Font Sizes
+        property int displaySize: 68
+        property int titleLargeSize: 40
+        property int titleSize: 28
+        property int subtitleSize: 20
+        property int bodyLargeSize: 18
+        property int bodySize: 14
+        property int bodyStrongSize: 14
+        property int captionSize: 12
+    }
 }