subsurface/qt-mobile/theme/Theme.qml

import QtQuick 2.3

QtObject {
	property color accentColor: "#2d5b9a"
	property color accentTextColor: "#ececec"
	property color textColor: "#333333"
	property color backgroundColor: "#ececec"
	property color highlightColor: "#91c4e1"
	property color highlightTextColor: "#333333"
}
QML-UI: basics for theming and hi-dpi support - Theme: For theming, we're just defining some colors centrally for now - Units: This object provides dpi-corrected sizing in the form of gridUnit. The idea is to base gridUnit on the rendered font size, so the ui scales with text size. As this interpolates font size and dpi, the sizing is rather responsive. These are the basics, now we can kill lots of hardcoded pixel values. Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-08 23:57:10 +00:00			`import QtQuick 2.3`

			`QtObject {`
QML-UI: gridUnit is now dpi-corrected Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-09 03:04:44 +00:00			`property color accentColor: "#2d5b9a"`
QML-UI: add more properties to Units and Theme - colors for accentuation (background and text) - text color to paint on highlights - units.spacing (derived from gridUnit, so it's dpi-corrected) - port main.qml, especially the application header to this theming and sizing Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-09 00:45:22 +00:00			`property color accentTextColor: "#ececec"`
QML-UI: basics for theming and hi-dpi support - Theme: For theming, we're just defining some colors centrally for now - Units: This object provides dpi-corrected sizing in the form of gridUnit. The idea is to base gridUnit on the rendered font size, so the ui scales with text size. As this interpolates font size and dpi, the sizing is rather responsive. These are the basics, now we can kill lots of hardcoded pixel values. Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-08 23:57:10 +00:00			`property color textColor: "#333333"`
			`property color backgroundColor: "#ececec"`
			`property color highlightColor: "#91c4e1"`
QML-UI: add more properties to Units and Theme - colors for accentuation (background and text) - text color to paint on highlights - units.spacing (derived from gridUnit, so it's dpi-corrected) - port main.qml, especially the application header to this theming and sizing Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-09 00:45:22 +00:00			`property color highlightTextColor: "#333333"`
QML-UI: basics for theming and hi-dpi support - Theme: For theming, we're just defining some colors centrally for now - Units: This object provides dpi-corrected sizing in the form of gridUnit. The idea is to base gridUnit on the rendered font size, so the ui scales with text size. As this interpolates font size and dpi, the sizing is rather responsive. These are the basics, now we can kill lots of hardcoded pixel values. Signed-off-by: Sebastian Kügler <sebas@kde.org> Signed-off-by: Dirk Hohndel <dirk@hohndel.org> 2015-10-08 23:57:10 +00:00			`}`