// // 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 // Base colors 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 faintGray: "#e3e3e3" readonly property color primaryHighlight: "#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" // Semitransparent readonly property color darkGray30: "#4d121212" readonly property color darkGray0: "#00121212" readonly property color baseGrayShadow60: "#99252525" readonly property color baseGrayHighlight40: "#66575757" readonly property color baseGrayHighlight15: "#26575757" readonly property color faintGray50: "#80e3e3e3" // Other colors readonly property color white: "#ffffff" readonly property color black: "#000000" // Semitransparent readonly property color white50: "#80ffffff" readonly property color white30: "#4dffffff" readonly property color white25: "#40ffffff" // Control specific colors readonly property color tableRowLightOdd: white50 readonly property color tableRowLightEven: "#1a575757" readonly property color tableRowDarkOdd: "#80393939" readonly property color tableRowDarkEven: "#a6181818" readonly property color tableScrollHandle: "#707070" readonly property color tableScrollBackground: "#323232" } 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 readonly property real tablePadding: 12 readonly property real tableRowHeight: largeScreen ? 26 : 23 readonly property real modalDialogMargin: 50 readonly property real modalDialogTitleHeight: 40 // DJRTODO: Use } 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? 13.5 : 9 readonly property real textFieldInput: dimensions.largeScreen? 13.5 : 11 readonly property real tableText: dimensions.largeScreen? 13.5 : 11 readonly property real buttonLabel: dimensions.largeScreen? 12 : 8 readonly property real iconButton: dimensions.largeScreen? 12: 8 readonly property real listItem: dimensions.largeScreen? 13.5 : 9 readonly property real tabularData: dimensions.largeScreen? 11 : 9 readonly property real logs: dimensions.largeScreen? 15 : 10 readonly property real code: dimensions.largeScreen? 15 : 10 readonly property real rootMenu: dimensions.largeScreen? 13.5 : 9 readonly property real menuItem: dimensions.largeScreen? 13.5 : 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 } QtObject { id: effects readonly property int fadeInDuration: 300 } }