// SPDX-License-Identifier: GPL-3.0-or-later /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Copyright (C) 2013 - 2024, nymea GmbH * Copyright (C) 2024 - 2025, chargebyte austria GmbH * * This file is part of nymea-app. * * nymea-app is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * nymea-app is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU * General Public License for more details. * * You should have received a copy of the GNU General Public License * along with nymea-app. If not, see . * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ import QtQuick Item { property color backgroundColor: "#fafafa" property color foregroundColor: "#202020" property color unobtrusiveForegroundColor: Qt.tint(foregroundColor, Qt.rgba(backgroundColor.r, backgroundColor.g, backgroundColor.b, 0.4)) property color navBarForegroundColor: foregroundColor property color accentColor: "#57baae" property color iconColor: "#808080" property color generationBaseColor: blue property color tileBackgroundColor: Qt.tint(backgroundColor, Qt.rgba(foregroundColor.r, foregroundColor.g, foregroundColor.b, 0.05)) property color tileForegroundColor: foregroundColor property color tileOverlayColor: Qt.tint(backgroundColor, Qt.rgba(foregroundColor.r, foregroundColor.g, foregroundColor.b, 0.1)) property color tileOverlayForegroundColor: foregroundColor property color tileOverlayIconColor: iconColor property color tooltipBackgroundColor: tileOverlayColor property int cornerRadius: 10 property int smallCornerRadius: 6 readonly property int extraSmallMargins: 4 readonly property int smallMargins: 8 readonly property int margins: 16 readonly property int bigMargins: 32 readonly property int hugeMargins: 64 readonly property int smallDelegateHeight: 50 readonly property int delegateHeight: 60 readonly property int largeDelegateHeight: 80 readonly property int smallIconSize: 16 readonly property int iconSize: 24 readonly property int bigIconSize: 32 readonly property int largeIconSize: 40 readonly property int hugeIconSize: 64 // Note: Font files need to be provided in a "fonts" folder in the style property string fontFamily: "Ubuntu" property real fontScaleFactor: 1 // Fonts readonly property font extraSmallFont: Qt.font({ family: fontFamily, pixelSize: Math.round(10 * fontScaleFactor) }) readonly property font smallFont: Qt.font({ family: fontFamily, pixelSize: Math.round(13 * fontScaleFactor) }) readonly property font font: Qt.font({ family: fontFamily, pixelSize: Math.round(16 * fontScaleFactor) }) readonly property font bigFont: Qt.font({ family: fontFamily, pixelSize: Math.round(20 * fontScaleFactor) }) readonly property font largeFont: Qt.font({ family: fontFamily, pixelSize: Math.round(32 * fontScaleFactor) }) readonly property font hugeFont: Qt.font({ family: fontFamily, pixelSize: Math.round(46 * fontScaleFactor) }) // Color definitions property color white: "white" property color gray: "gray" property color darkGray: "darkgray" property color lightGray: "lightGray" property color red: "indianred" property color yellow: "#cdcd5c" property color green: "#5ccd5c" property color lightBlue: "#5ccdcd" property color darkBlue: "#5c5ccd" property color pink: "#cd5ccd" property color orange: "#cd955c" property color lime: "#95cd5c" property color turquoise: "#5ccd95" property color blue: "#5c95cd" property color purple: "#955ccd" property color rose: "#cd5c95" property color darkGreen: "#5ccd5e" property color powerAcquisitionColor: red property color powerReturnColor: yellow property color powerConsumptionColor: blue property color powerSelfProductionConsumptionColor: green property color powerBatteryChargingColor: purple property color powerBatteryDischargingColor: orange property color powerBatteryIdleColor: lime // Icon/graph colors for various interfaces property var interfaceColors: { "temperaturesensor": orange, "humiditysensor": lightBlue, "moisturesensor": blue, "lightsensor": yellow, "conductivitysensor": green, "pressuresensor": gray, "noisesensor": purple, "cosensor": darkGray, "co2sensor": turquoise, "pm10sensor": lightGray, "pm25sensor": gray, "gassensor": orange, "daylightsensor": yellow, "presencesensor": darkBlue, "vibrationsensor": orange, "closablesensor": green, "smartmeterconsumer": orange, "smartmeterproducer": lime, "energymeter": darkBlue, "heating" : red, "cooling": blue, "thermostat": blue, "irrigation": blue, "windspeedsensor": blue, "ventilation": lightBlue, "watersensor": lightBlue, "waterlevelsensor": lightBlue, "firesensor": red, "phsensor": green, "o2sensor": lightBlue, "orpsensor": yellow, "powersocket": lime, "evcharger": lime, "energystorage": lime, "vocsensor": green, "o3sensor": blue, "no2sensor": purple } property var stateColors: { "totalEnergyConsumed": red, "totalEnergyProduced": yellow, "currentPower": blue, } // Animations readonly property int fastAnimationDuration: 100 readonly property int animationDuration: 150 readonly property int slowAnimationDuration: 300 readonly property int sleepyAnimationDuration: 2000 }