diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusColors.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusColors.qml new file mode 100644 index 0000000000..21f49499d2 --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/StatusColors.qml @@ -0,0 +1,65 @@ +pragma Singleton +import QtQuick 2.13 + +QtObject { + + property var colors: { + + 'black': '#000000', + 'white': '#FFFFFF', + + 'blue': '#4360DF', + 'blue2': '#2946C4', + 'blue3': '#88B0FF', + 'blue4': '#869EFF', + 'blue5': '#AAC6FF', + + 'brown': '#8B3131', + 'brown2': '#9B832F', + 'brown3': '#AD4343', + + 'cyan': '#51D0F0', + + 'graphite': '#212121', + 'graphite2': '#252525', + 'graphite3': '#2C2C2C', + 'graphite4': '#373737', + 'graphite5': '#909090', + + 'green': '#4EBC60', + 'green2': '#7CDA00', + 'green3': '#60C370', + 'green4': '#93DB33', + + 'grey': '#F0F2F5', + 'grey2': '#F6F8FA', + 'grey3': '#E9EDF1', + 'grey4': '#EEF2F5', + 'grey5': '#939BA1', + + 'moss': '#26A69A', + 'moss2': '#10A88E', + + 'orange': '#FE8F59', + 'orange2': '#FF9F0F', + 'orange3': '#FFA67B', + 'orange4': '#FE8F59', + + 'purple': '#887AF9', + + 'red': '#FF2D55', + 'red2': '#FA6565', + 'red3': '#FF5C7B', + + 'turquoise': '#0DA4C9', + 'turquoise2': '#07BCE9', + 'turquoise3': '#7BE5FF', + 'turquoise4': '#0DA4C9', + + 'violet': '#D37EF4', + + 'yellow': '#FFCA0F', + 'yellow2': '#EAD27B' + } +} + diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml new file mode 100644 index 0000000000..2a3fea4b1f --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/StatusDarkTheme.qml @@ -0,0 +1,64 @@ +import QtQuick 2.13 + +ThemePalette { + + property QtObject baseFont: FontLoader { + source: "../../../assets/fonts/Inter/Inter-Regular.otf" + } + + property QtObject monoFont: FontLoader { + source: "../../../assets/fonts/InterStatus/InterStatus-Regular.otf" + } + + baseColor1: getColor('graphite5') + baseColor2: getColor('graphite4') + baseColor3: getColor('graphite3') + baseColor4: getColor('graphite2') + baseColor5: getColor('graphite') + + primaryColor1: getColor('blue3') + primaryColor2: getColor('blue4', 0.3) + primaryColor3: getColor('blue4', 0.2) + + dangerColor1: getColor('red3') + dangerColor2: getColor('red3', 0.3) + dangerColor3: getColor('red3', 0.2) + + successColor1: getColor('green3') + successColor2: getColor('green3', 0.2) + + mentionColor1: getColor('turquoise3') + mentionColor2: getColor('turquoise4', 0.3) + mentionColor3: getColor('turquoise4', 0.2) + mentionColor4: getColor('turquoise4', 0.1) + + pinColor1: getColor('orange3') + pinColor2: getColor('orange4', 0.2) + pinColor3: getColor('orange4', 0.1) + + directColor1: getColor('white') + directColor2: getColor('white', 0.9) + directColor3: getColor('white', 0.8) + directColor4: getColor('white', 0.7) + directColor5: getColor('white', 0.4) + directColor6: getColor('white', 0.2) + directColor7: getColor('white', 0.1) + directColor8: getColor('white', 0.05) + + indirectColor1: getColor('black') + indirectColor2: getColor('black', 0.7) + indirectColor3: getColor('black', 0.4) + + miscColor1: getColor('blue5') + miscColor2: getColor('purple') + miscColor3: getColor('cyan') + miscColor4: getColor('violet') + miscColor5: getColor('red2') + miscColor6: getColor('orange') + miscColor7: getColor('yellow') + miscColor8: getColor('green4') + miscColor9: getColor('moss2') + miscColor10: getColor('brown3') + miscColor11: getColor('yellow2') +} + diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml b/ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml new file mode 100644 index 0000000000..ddba5cd4d5 --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/StatusLightTheme.qml @@ -0,0 +1,64 @@ +import QtQuick 2.13 + +ThemePalette { + + property QtObject baseFont: FontLoader { + source: "../../../assets/fonts/Inter/Inter-Regular.otf" + } + + property QtObject monoFont: FontLoader { + source: "../../../assets/fonts/InterStatus/InterStatus-Regular.otf" + } + + baseColor1: getColor('grey5') + baseColor2: getColor('grey4') + baseColor3: getColor('grey3') + baseColor4: getColor('grey2') + baseColor5: getColor('grey') + + primaryColor1: getColor('blue') + primaryColor2: getColor('blue', 0.2) + primaryColor3: getColor('blue', 0.1) + + dangerColor1: getColor('red') + dangerColor2: getColor('red', 0.2) + dangerColor3: getColor('red', 0.1) + + successColor1: getColor('green') + successColor2: getColor('green', 0.1) + + mentionColor1: getColor('turquoise') + mentionColor2: getColor('turquoise2', 0.3) + mentionColor3: getColor('turquoise2', 0.2) + mentionColor4: getColor('turquoise2', 0.1) + + pinColor1: getColor('orange') + pinColor2: getColor('orange2', 0.2) + pinColor3: getColor('orange2', 0.1) + + directColor1: getColor('black') + directColor2: getColor('black', 0.9) + directColor3: getColor('black', 0.8) + directColor4: getColor('black', 0.7) + directColor5: getColor('black', 0.4) + directColor6: getColor('black', 0.3) + directColor7: getColor('black', 0.1) + directColor8: getColor('black', 0.05) + + indirectColor1: getColor('white') + indirectColor2: getColor('white', 0.7) + indirectColor3: getColor('white', 0.4) + + miscColor1: getColor('blue2') + miscColor2: getColor('purple') + miscColor3: getColor('cyan') + miscColor4: getColor('violet') + miscColor5: getColor('red2') + miscColor6: getColor('orange') + miscColor7: getColor('yellow') + miscColor8: getColor('green2') + miscColor9: getColor('moss') + miscColor10: getColor('brown') + miscColor11: getColor('brown2') +} + diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/Theme.qml b/ui/StatusQ/src/StatusQ/Core/Theme/Theme.qml new file mode 100644 index 0000000000..cb7f3fa399 --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/Theme.qml @@ -0,0 +1,14 @@ +pragma Singleton + +import QtQuick 2.13 + +QtObject { + id: appTheme + property ThemePalette palette: StatusLightTheme {} + + function setTheme(theme) { + palette = theme + } +} + + diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml b/ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml new file mode 100644 index 0000000000..3f70558147 --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/ThemePalette.qml @@ -0,0 +1,71 @@ +import QtQuick 2.13 + +QtObject { + + id: theme + + property QtObject baseFont + property QtObject monoFont + + property color baseColor1 + property color baseColor2 + property color baseColor3 + property color baseColor4 + property color baseColor5 + + property color primaryColor1 + property color primaryColor2 + property color primaryColor3 + + property color dangerColor1 + property color dangerColor2 + property color dangerColor3 + + property color successColor1 + property color successColor2 + + property color mentionColor1 + property color mentionColor2 + property color mentionColor3 + property color mentionColor4 + + property color pinColor1 + property color pinColor2 + property color pinColor3 + + property color directColor1 + property color directColor2 + property color directColor3 + property color directColor4 + property color directColor5 + property color directColor6 + property color directColor7 + property color directColor8 + + property color indirectColor1 + property color indirectColor2 + property color indirectColor3 + + property color miscColor1 + property color miscColor2 + property color miscColor3 + property color miscColor4 + property color miscColor5 + property color miscColor6 + property color miscColor7 + property color miscColor8 + property color miscColor9 + property color miscColor10 + property color miscColor11 + + function alphaColor(color, alpha) { + let actualColor = Qt.darker(color, 1) + actualColor.a = alpha + return actualColor + } + + function getColor(name, alpha) { + return !!alpha ? alphaColor(StatusColors.colors[name], alpha) : StatusColors.colors[name] + } +} + diff --git a/ui/StatusQ/src/StatusQ/Core/Theme/qmldir b/ui/StatusQ/src/StatusQ/Core/Theme/qmldir new file mode 100644 index 0000000000..085e6108af --- /dev/null +++ b/ui/StatusQ/src/StatusQ/Core/Theme/qmldir @@ -0,0 +1,6 @@ +singleton StatusColors 0.1 StatusColors.qml +ThemePalette 0.1 ThemePalette.qml +StatusLightTheme 0.1 StatusLightTheme.qml +StatusDarkTheme 0.1 StatusDarkTheme.qml +singleton Theme 0.1 Theme.qml + diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Black.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Black.otf new file mode 100644 index 0000000000..97bd2160a9 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Black.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-BlackItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-BlackItalic.otf new file mode 100644 index 0000000000..3ba3c6ec28 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-BlackItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Bold.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Bold.otf new file mode 100644 index 0000000000..43b12eabc2 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Bold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-BoldItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-BoldItalic.otf new file mode 100644 index 0000000000..a07fdd57b5 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-BoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBold.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBold.otf new file mode 100644 index 0000000000..9d539bb3ef Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBoldItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBoldItalic.otf new file mode 100644 index 0000000000..403e05ea1c Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraBoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLight.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLight.otf new file mode 100644 index 0000000000..6950958f07 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLight.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLightItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLightItalic.otf new file mode 100644 index 0000000000..6b0b8ff551 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-ExtraLightItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Italic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Italic.otf new file mode 100644 index 0000000000..7b63db5e01 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Italic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Light.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Light.otf new file mode 100644 index 0000000000..d4f94c373b Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Light.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-LightItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-LightItalic.otf new file mode 100644 index 0000000000..9a4b7a0348 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-LightItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Medium.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Medium.otf new file mode 100644 index 0000000000..ff6e126fa7 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Medium.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-MediumItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-MediumItalic.otf new file mode 100644 index 0000000000..15ed45187f Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-MediumItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Regular.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Regular.otf new file mode 100644 index 0000000000..c0dab1bfd7 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Regular.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBold.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBold.otf new file mode 100644 index 0000000000..4c238105ef Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBoldItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBoldItalic.otf new file mode 100644 index 0000000000..8720a8af67 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-SemiBoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-Thin.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-Thin.otf new file mode 100644 index 0000000000..7309924164 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-Thin.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-ThinItalic.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-ThinItalic.otf new file mode 100644 index 0000000000..df9085ec4d Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-ThinItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/Inter/Inter-V.otf b/ui/StatusQ/src/assets/fonts/Inter/Inter-V.otf new file mode 100644 index 0000000000..1d7242eb31 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/Inter/Inter-V.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Black.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Black.otf new file mode 100644 index 0000000000..44b92a5697 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Black.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BlackItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BlackItalic.otf new file mode 100644 index 0000000000..1cfb59ba59 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BlackItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Bold.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Bold.otf new file mode 100644 index 0000000000..dcda9035ee Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Bold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BoldItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BoldItalic.otf new file mode 100644 index 0000000000..bd41adafe8 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-BoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBold.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBold.otf new file mode 100644 index 0000000000..f700ef367a Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBoldItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBoldItalic.otf new file mode 100644 index 0000000000..fb7d3d21e1 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraBoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLight.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLight.otf new file mode 100644 index 0000000000..56e1162f62 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLight.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLightItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLightItalic.otf new file mode 100644 index 0000000000..7c9b4037f6 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ExtraLightItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Italic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Italic.otf new file mode 100644 index 0000000000..2c0e3e8e6c Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Italic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Light.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Light.otf new file mode 100644 index 0000000000..e62e8eaa46 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Light.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-LightItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-LightItalic.otf new file mode 100644 index 0000000000..7b58272639 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-LightItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Medium.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Medium.otf new file mode 100644 index 0000000000..e823e0d7bd Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Medium.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-MediumItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-MediumItalic.otf new file mode 100644 index 0000000000..90e2eb105b Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-MediumItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Regular.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Regular.otf new file mode 100644 index 0000000000..92c5dcb6e6 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Regular.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBold.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBold.otf new file mode 100644 index 0000000000..e4863e4967 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBold.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBoldItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBoldItalic.otf new file mode 100644 index 0000000000..0540b125d0 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-SemiBoldItalic.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Thin.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Thin.otf new file mode 100644 index 0000000000..fd6bca02ed Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-Thin.otf differ diff --git a/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ThinItalic.otf b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ThinItalic.otf new file mode 100644 index 0000000000..6a15d04344 Binary files /dev/null and b/ui/StatusQ/src/assets/fonts/InterStatus/InterStatus-ThinItalic.otf differ