Theme: Assets and Fonts component added

Author: micieslak

ui/StatusQ/src/StatusQ/Core/Theme/Assets.qml

@@ -0,0 +1,17 @@
+pragma Singleton
+
+import QtQml
+
+QtObject {
+    readonly property string assetPath: Qt.resolvedUrl("../../../assets/")
+
+    function png(name) {
+        return assetPath + "png/" + name + ".png"
+    }
+    function svg(name) {
+        return assetPath + "img/icons/" + name + ".svg"
+    }
+    function emoji(name) {
+        return assetPath + "twemoji/svg/" + name + ".svg"
+    }
+}

ui/StatusQ/src/StatusQ/Core/Theme/Fonts.qml

@@ -0,0 +1,108 @@
+pragma Singleton
+
+import QtQuick
+
+import StatusQ.Core.Utils as SQUtils
+
+SQUtils.QObject {
+    readonly property alias baseFont: baseFont.font
+    readonly property alias monoFont: monoFont.font
+    readonly property alias codeFont: codeFont.font
+
+    FontLoader {
+        id: baseFont
+
+        source: Assets.assetPath + "fonts/Inter/Inter-Regular.otf"
+    }
+
+    FontLoader {
+        id: monoFont
+
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Regular.otf"
+    }
+
+    FontLoader {
+        id: codeFont
+
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-Regular.ttf"
+    }
+
+    // Inter font variants
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-Thin.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-ExtraLight.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-Light.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-Medium.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-Bold.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-ExtraBold.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/Inter/Inter-Black.otf"
+    }
+
+    // Inter Status font variants
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Thin.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-ExtraLight.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Light.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Medium.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Bold.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-ExtraBold.otf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/InterStatus/InterStatus-Black.otf"
+    }
+
+    // Roboto font variants
+    FontLoader {
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-Thin.ttf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-ExtraLight.ttf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-Light.ttf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-Medium.ttf"
+    }
+
+    FontLoader {
+        source: Assets.assetPath + "fonts/RobotoMono/RobotoMono-Bold.ttf"
+    }
+}

ui/StatusQ/src/StatusQ/Core/Theme/qmldir

@@ -1,8 +1,9 @@
 module StatusQ.Core.Theme
 
-singleton StatusColors 0.1 StatusColors.qml
-ThemePalette 0.1 ThemePalette.qml
-StatusLightTheme 0.1 StatusLightTheme.qml
 StatusDarkTheme 0.1 StatusDarkTheme.qml
+StatusLightTheme 0.1 StatusLightTheme.qml
+ThemePalette 0.1 ThemePalette.qml
+singleton Assets 0.1 Assets.qml
+singleton Fonts 0.1 Fonts.qml
+singleton StatusColors 0.1 StatusColors.qml
 singleton Theme 0.1 Theme.qml
-

ui/StatusQ/src/statusq.qrc

@@ -186,6 +186,8 @@
         <file>StatusQ/Core/StatusScrollView.qml</file>
         <file>StatusQ/Core/StatusSharedUpdateTimer.qml</file>
         <file>StatusQ/Core/StatusTooltipSettings.qml</file>
+        <file>StatusQ/Core/Theme/Assets.qml</file>
+        <file>StatusQ/Core/Theme/Fonts.qml</file>
         <file>StatusQ/Core/Theme/StatusColors.qml</file>
         <file>StatusQ/Core/Theme/StatusDarkTheme.qml</file>
         <file>StatusQ/Core/Theme/StatusLightTheme.qml</file>