// // HiFiConstants.qml // // Created by Bradley Austin Davis on 28 Apr 2015 // Copyright 2015 High Fidelity, Inc. // // Distributed under the Apache License, Version 2.0. // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html // import QtQuick 2.5 import QtQuick.Window 2.2 Item { readonly property alias colors: colors readonly property alias colorSchemes: colorSchemes readonly property alias dimensions: dimensions readonly property alias fontSizes: fontSizes readonly property alias buttons: buttons readonly property alias effects: effects Item { id: colors readonly property color white: "#ffffff" readonly property color baseGray: "#404040" readonly property color darkGray: "#121212" readonly property color baseGrayShadow: "#252525" readonly property color baseGrayHighlight: "#575757" readonly property color lightGray: "#6a6a6a" readonly property color lightGrayText: "#afafaf" readonly property color lightGrayBackground: "#d4d4d4" readonly property color faintGray: "#e3e3e3" readonly property color primaryHighlight: "#00b4ef" readonly property color blueHighlight: "#00b4ef" readonly property color blueAccent: "#1080b8" readonly property color redHighlight: "#e2334d" readonly property color redAccent: "#b70a37" readonly property color greenHighlight: "#1ac567" readonly property color greenShadow: "#2c8e72" readonly property color black: "#000000" readonly property color white50: "#80ffffff" readonly property color white30: "#4dffffff" readonly property color baseGrayHighlight15: "#26575757" readonly property color baseGrayHighlight40: "#66575757" readonly property color darkGray30: "#4d121212" readonly property color darkGray0: "#00121212" readonly property color faintGray50: "#80e3e3e3" readonly property color baseGrayShadow60: "#99252525" } Item { id: colorSchemes readonly property int light: 0 readonly property int dark: 1 } Item { id: dimensions readonly property bool largeScreen: Screen.width >= 1920 && Screen.height >= 1080 readonly property real borderRadius: largeScreen ? 7.5 : 5.0 readonly property real borderWidth: largeScreen ? 2 : 1 readonly property vector2d contentMargin: Qt.vector2d(12, 24) readonly property vector2d contentSpacing: Qt.vector2d(8, 12) readonly property real textPadding: 8 } Item { id: fontSizes readonly property real overlayTitle: dimensions.largeScreen? 16 : 12 readonly property real tabName: dimensions.largeScreen? 11 : 9 readonly property real sectionName: dimensions.largeScreen? 11 : 9 readonly property real inputLabel: dimensions.largeScreen? 11 : 9 readonly property real textFieldInput: dimensions.largeScreen? 13.5 : 11 readonly property real buttonLabel: dimensions.largeScreen? 12 : 10 readonly property real button: dimensions.largeScreen? 12 : 10 readonly property real listItem: dimensions.largeScreen? 11 : 9 readonly property real tabularData: dimensions.largeScreen? 11 : 9 readonly property real logo: dimensions.largeScreen? 15 : 10 readonly property real code: dimensions.largeScreen? 15 : 10 readonly property real rootMenu: dimensions.largeScreen? 11 : 9 readonly property real menuItem: dimensions.largeScreen? 11 : 9 readonly property real shortcutText: dimensions.largeScreen? 12 : 8 } Item { id: buttons readonly property int white: 0 readonly property int blue: 1 readonly property int red: 2 readonly property int black: 3 readonly property var textColor: [ colors.darkGray, colors.white, colors.white, colors.white ] readonly property var colorStart: [ "#ffffff", "#00b4ef", "#d42043", "#343434" ] readonly property var colorFinish: [ "#afafaf", "#1080b8", "#94132e", "#000000" ] readonly property int radius: 5 } /* SystemPalette { id: sysPalette; colorGroup: SystemPalette.Active } readonly property alias colors: colors readonly property alias layout: layout readonly property alias fonts: fonts readonly property alias styles: styles readonly property alias effects: effects Item { id: colors readonly property color hifiBlue: "#0e7077" readonly property color window: sysPalette.window readonly property color dialogBackground: sysPalette.window readonly property color inputBackground: "white" readonly property color background: sysPalette.dark readonly property color text: "#202020" readonly property color disabledText: "gray" readonly property color hintText: "gray" // A bit darker than sysPalette.dark so that it is visible on the DK2 readonly property color light: sysPalette.light readonly property alias activeWindow: activeWindow readonly property alias inactiveWindow: inactiveWindow QtObject { id: activeWindow readonly property color headerBackground: "white" readonly property color headerText: "black" } QtObject { id: inactiveWindow readonly property color headerBackground: "gray" readonly property color headerText: "black" } } QtObject { id: fonts readonly property string fontFamily: "Arial" // Available on both Windows and OSX readonly property real pixelSize: 22 // Logical pixel size; works on Windows and OSX at varying physical DPIs readonly property real headerPixelSize: 32 } QtObject { id: layout property int spacing: 8 property int rowHeight: 40 property int windowTitleHeight: 48 } QtObject { id: styles readonly property int borderWidth: 5 readonly property int borderRadius: borderWidth * 2 } */ QtObject { id: effects readonly property int fadeInDuration: 300 } }