aboutsummaryrefslogtreecommitdiffstats
path: root/styles/LuceeStyle
diff options
context:
space:
mode:
Diffstat (limited to 'styles/LuceeStyle')
-rw-r--r--styles/LuceeStyle/Button.qml83
-rw-r--r--styles/LuceeStyle/ComboBox.qml150
-rw-r--r--styles/LuceeStyle/Control.qml42
-rw-r--r--styles/LuceeStyle/Dialog.qml86
-rw-r--r--styles/LuceeStyle/Frame.qml51
-rw-r--r--styles/LuceeStyle/ItemDelegate.qml88
-rw-r--r--styles/LuceeStyle/Label.qml46
-rw-r--r--styles/LuceeStyle/Page.qml55
-rw-r--r--styles/LuceeStyle/PageIndicator.qml67
-rw-r--r--styles/LuceeStyle/Pane.qml47
-rw-r--r--styles/LuceeStyle/ProgressBar.qml71
-rw-r--r--styles/LuceeStyle/RadioButton.qml95
-rw-r--r--styles/LuceeStyle/ScrollIndicator.qml91
-rw-r--r--styles/LuceeStyle/Slider.qml133
-rw-r--r--styles/LuceeStyle/Switch.qml123
-rw-r--r--styles/LuceeStyle/SwitchDelegate.qml121
-rw-r--r--styles/LuceeStyle/TabBar.qml63
-rw-r--r--styles/LuceeStyle/TabButton.qml146
-rw-r--r--styles/LuceeStyle/ToolBar.qml51
-rw-r--r--styles/LuceeStyle/ToolButton.qml94
-rw-r--r--styles/LuceeStyle/images/album-art-mask.png3
-rw-r--r--styles/LuceeStyle/images/album-art-placeholder.png3
-rw-r--r--styles/LuceeStyle/images/album-art-shadow-widget.png3
-rw-r--r--styles/LuceeStyle/images/album-art-shadow.png3
-rw-r--r--styles/LuceeStyle/images/app-fullscreen-top-bg-dark.png3
-rw-r--r--styles/LuceeStyle/images/app-fullscreen-top-bg.png3
-rw-r--r--styles/LuceeStyle/images/bg-home-dark.png3
-rw-r--r--styles/LuceeStyle/images/bg-home.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#51a7f4.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#535258.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#78887b.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#7ba2a5.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#9eae83.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#d35756.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#db3b9f.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/#fba054.png3
-rw-r--r--styles/LuceeStyle/images/colorSelector/color-wheel.png3
-rw-r--r--styles/LuceeStyle/images/divider-dark.png3
-rw-r--r--styles/LuceeStyle/images/divider.png3
-rw-r--r--styles/LuceeStyle/images/fan-speed-5.png3
-rw-r--r--styles/LuceeStyle/images/floating-panel-top-bg.png3
-rw-r--r--styles/LuceeStyle/images/home-widget-bg.png3
-rw-r--r--styles/LuceeStyle/images/ic-app-active-bg.png3
-rw-r--r--styles/LuceeStyle/images/ic-calculator-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-call.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand-to-fullscreen-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand-to-fullscreen.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand-up-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand-up.png3
-rw-r--r--styles/LuceeStyle/images/ic-expand.png3
-rw-r--r--styles/LuceeStyle/images/ic-favorite-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-favorite.png3
-rw-r--r--styles/LuceeStyle/images/ic-music-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-navigation-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-next-level-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-next-level.png3
-rw-r--r--styles/LuceeStyle/images/ic-rain-amount.png3
-rw-r--r--styles/LuceeStyle/images/ic-search_OFF-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-search_OFF.png3
-rw-r--r--styles/LuceeStyle/images/ic-search_ON-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-search_ON.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-battery-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-battery.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-bluetooth-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-bluetooth.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-reception-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-reception.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-reception_OFF.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-reception_ON.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-wifi-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-statusbar-wifi.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-partly-rain-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-partly-rain.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-rain-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-rain.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-snow-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-snow.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-sun-dark.png3
-rw-r--r--styles/LuceeStyle/images/ic-weather-sun.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-close.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-move.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-music.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-navigation.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-tuner.png3
-rw-r--r--styles/LuceeStyle/images/ic-widget-weather.png3
-rw-r--r--styles/LuceeStyle/images/ic_button-bg-red.png3
-rw-r--r--styles/LuceeStyle/images/ic_button-bg.png3
-rw-r--r--styles/LuceeStyle/images/input-overlay.png3
-rw-r--r--styles/LuceeStyle/images/instrument-cluster-bg-dark.png3
-rw-r--r--styles/LuceeStyle/images/instrument-cluster-bg.png3
-rw-r--r--styles/LuceeStyle/images/list-divider-dark.png3
-rw-r--r--styles/LuceeStyle/images/list-divider.png3
-rw-r--r--styles/LuceeStyle/images/logo-kdab.png3
-rw-r--r--styles/LuceeStyle/images/logo-luxoft.png3
-rw-r--r--styles/LuceeStyle/images/logo-theqtcompany.png3
-rw-r--r--styles/LuceeStyle/images/luxoft-footer.png3
-rw-r--r--styles/LuceeStyle/images/panel-inner-shadow-dark.png3
-rw-r--r--styles/LuceeStyle/images/panel-inner-shadow.png3
-rw-r--r--styles/LuceeStyle/images/popup-background-9patch.png3
-rw-r--r--styles/LuceeStyle/images/popup-title-shadow.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-left-dark.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-left.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-middle-dark.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-middle.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-right-dark.png3
-rw-r--r--styles/LuceeStyle/images/tabbar-bg-right.png3
-rw-r--r--styles/LuceeStyle/images/temperature-slider-bg.png3
-rw-r--r--styles/LuceeStyle/images/vertical-slider-handle-dark.png3
-rw-r--r--styles/LuceeStyle/images/vertical-slider-handle.png3
-rw-r--r--styles/LuceeStyle/images/weather-cloudy.png3
-rw-r--r--styles/LuceeStyle/images/widget-bg-dark.png3
-rw-r--r--styles/LuceeStyle/images/widget-bg.png3
-rw-r--r--styles/LuceeStyle/images/widget-corner-dark.png3
-rw-r--r--styles/LuceeStyle/images/widget-corner.png3
-rw-r--r--styles/LuceeStyle/images/widget-dragged-bg.png3
-rw-r--r--styles/LuceeStyle/images/widget-left-section-bg-dark.png3
-rw-r--r--styles/LuceeStyle/images/widget-left-section-bg.png3
-rw-r--r--styles/LuceeStyle/images/widget-resize-bottom.png3
-rw-r--r--styles/LuceeStyle/images/widget-resize-top.png3
-rw-r--r--styles/LuceeStyle/images/widget-stripe.png3
-rw-r--r--styles/LuceeStyle/images/widget-window-mask.png3
-rw-r--r--styles/LuceeStyle/qmldir21
-rw-r--r--styles/LuceeStyle/style.conf17
124 files changed, 2047 insertions, 0 deletions
diff --git a/styles/LuceeStyle/Button.qml b/styles/LuceeStyle/Button.qml
new file mode 100644
index 00000000..18c8676b
--- /dev/null
+++ b/styles/LuceeStyle/Button.qml
@@ -0,0 +1,83 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Layouts 1.3
+import QtQuick.Templates 2.3 as T
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+
+import shared.utils 1.0
+import shared.controls 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.Button {
+ id: control
+
+ implicitWidth: Style.cellWidth + leftPadding + rightPadding
+ implicitHeight: Style.cellHeight + leftPadding + rightPadding
+
+ padding: Sizes.dp(6)
+ leftPadding: padding + Sizes.dp(2)
+ rightPadding: padding + Sizes.dp(2)
+ font.pixelSize: Sizes.fontSizeM
+ font.weight: Font.Light
+ spacing: Sizes.dp(22)
+
+ icon.color: Style.contrastColor
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ contentItem: IconLabel {
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+
+ anchors.verticalCenter: control.verticalCenter
+ icon: control.icon
+ text: control.text
+ font: control.font
+ color: control.icon.color
+ opacity: control.enabled ? 1.0 : Style.defaultDisabledOpacity
+ }
+
+ background: ButtonBackground {}
+}
diff --git a/styles/LuceeStyle/ComboBox.qml b/styles/LuceeStyle/ComboBox.qml
new file mode 100644
index 00000000..5bf320de
--- /dev/null
+++ b/styles/LuceeStyle/ComboBox.qml
@@ -0,0 +1,150 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.9
+import QtQuick.Window 2.3
+import QtQuick.Controls 2.2
+import QtQuick.Controls.impl 2.2
+import QtQuick.Templates 2.2 as T
+import shared.utils 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.ComboBox {
+ id: control
+
+ font.pixelSize: Sizes.fontSizeM
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ Math.max(contentItem.implicitHeight,
+ indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ leftPadding: padding + (!control.mirrored || !indicator || !indicator.visible ? 0 : indicator.width + spacing)
+ rightPadding: padding + (control.mirrored || !indicator || !indicator.visible ? 0 : indicator.width + spacing)
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+ }
+
+ delegate: ItemDelegate {
+ width: parent.width
+ text: control.textRole ? (Array.isArray(control.model) ? modelData[control.textRole] : model[control.textRole]) : modelData
+ font.weight: control.currentIndex === index ? Font.DemiBold : Font.Normal
+ highlighted: control.highlightedIndex === index
+ hoverEnabled: control.hoverEnabled
+ }
+
+ indicator: Image {
+ x: control.mirrored ? control.padding : control.width - width - control.padding
+ y: control.topPadding + (control.availableHeight - height) / 2
+ source: "image://default/double-arrow/" + (!control.editable && control.visualFocus ? Default.focusColor : Default.textColor)
+ sourceSize.width: width
+ sourceSize.height: height
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+ }
+
+ contentItem: T.TextField {
+ leftPadding: !control.mirrored ? 12 : control.editable && activeFocus ? 3 : 1
+ rightPadding: control.mirrored ? 12 : control.editable && activeFocus ? 3 : 1
+ topPadding: 6 - control.padding
+ bottomPadding: 6 - control.padding
+
+ text: control.editable ? control.editText : control.displayText
+
+ enabled: control.editable
+ autoScroll: control.editable
+ readOnly: control.popup.visible
+ inputMethodHints: control.inputMethodHints
+ validator: control.validator
+
+ font: control.font
+ color: !control.editable && control.visualFocus ? Default.focusColor : control.Style.contrastColor
+ selectionColor: control.Style.accentColor
+ selectedTextColor: control.Style.contrastColor
+ horizontalAlignment: Text.AlignLeft
+ verticalAlignment: Text.AlignVCenter
+ opacity: control.enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+
+ background: Rectangle {
+ visible: control.editable && !control.flat
+ border.width: parent && parent.activeFocus ? 2 : 1
+ border.color: parent && parent.activeFocus ? control.Style.accentColor : control.Style.backgroundColor
+ }
+ }
+
+ background: Rectangle {
+ implicitWidth: 120
+ implicitHeight: 40
+
+ color: !control.editable && control.visualFocus ? (control.pressed ? Default.focusPressedColor : Default.focusLightColor) :
+ (control.down || popup.visible ? Default.buttonPressedColor : control.Style.backgroundColor)
+ border.color: Qt.lighter(color, 1.5)
+ border.width: !control.editable && control.visualFocus ? 2 : 0
+ visible: !control.flat || control.down
+ }
+
+ popup: T.Popup {
+ y: control.height
+ width: control.width
+ height: Math.min(contentItem.implicitHeight, control.Window.height - topMargin - bottomMargin)
+ topMargin: 6
+ bottomMargin: 6
+
+ font: control.font
+
+ contentItem: ListView {
+ clip: true
+ implicitHeight: contentHeight
+ model: control.popup.visible ? control.delegateModel : null
+ currentIndex: control.highlightedIndex
+ highlightRangeMode: ListView.ApplyRange
+ highlightMoveDuration: 0
+
+ Rectangle {
+ z: 10
+ width: parent.width
+ height: parent.height
+ color: "transparent"
+ border.color: Qt.lighter(color, 1.5)
+ }
+
+ T.ScrollIndicator.vertical: ScrollIndicator { }
+ }
+
+ background: Rectangle { color: control.Style.backgroundColor}
+ }
+}
diff --git a/styles/LuceeStyle/Control.qml b/styles/LuceeStyle/Control.qml
new file mode 100644
index 00000000..94a58481
--- /dev/null
+++ b/styles/LuceeStyle/Control.qml
@@ -0,0 +1,42 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick.Templates as T
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.Control {
+ font.family: Style.fontFamily
+ font.pixelSize: Sizes.fontSizeM
+ palette.windowText: Style.contrastColor
+ palette.brightText: Style.mainColor
+}
diff --git a/styles/LuceeStyle/Dialog.qml b/styles/LuceeStyle/Dialog.qml
new file mode 100644
index 00000000..cb279989
--- /dev/null
+++ b/styles/LuceeStyle/Dialog.qml
@@ -0,0 +1,86 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.9
+import QtQuick.Templates 2.2 as T
+import QtQuick.Controls 2.2
+import QtQuick.Controls.impl 2.2
+import shared.Style 1.0
+import shared.Sizes 1.0
+import shared.utils 1.0
+
+T.Dialog {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ header && header.visible ? header.implicitWidth : 0,
+ footer && footer.visible ? footer.implicitWidth : 0,
+ contentWidth > 0 ? contentWidth + leftPadding + rightPadding : 0)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ (header && header.visible ? header.implicitHeight + spacing : 0)
+ + (footer && footer.visible ? footer.implicitHeight + spacing : 0)
+ + (contentHeight > 0 ? contentHeight + topPadding + bottomPadding : 0))
+
+ contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0)
+ contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0)
+
+ padding: 12
+
+ background: Rectangle {
+ color: 'black'
+ opacity: 0.85
+ }
+
+ header: Label {
+ visible: control.title
+ elide: Label.ElideRight
+ height: Sizes.dp(160)
+ text: control.title
+ font.pixelSize: Sizes.fontSizeM
+ horizontalAlignment: Text.AlignHCenter
+ verticalAlignment: Text.AlignVCenter
+ }
+
+ footer: DialogButtonBox {
+ visible: count > 0
+ }
+
+ enter: Transition {
+ NumberAnimation { property: "opacity"; from: 0.0; to: 1.0; duration: 200 }
+ NumberAnimation { property: "scale"; from: 0.0; to: 1.0; duration: 200 }
+ }
+
+ exit: Transition {
+ NumberAnimation { property: "opacity"; to: 0.0; duration: 200 }
+ NumberAnimation { property: "scale"; to: 0.0; duration: 200 }
+ }
+}
diff --git a/styles/LuceeStyle/Frame.qml b/styles/LuceeStyle/Frame.qml
new file mode 100644
index 00000000..a9ab74cb
--- /dev/null
+++ b/styles/LuceeStyle/Frame.qml
@@ -0,0 +1,51 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Templates 2.1 as T
+import shared.Style 1.0
+
+T.Frame {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0, contentWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0, contentHeight + topPadding + bottomPadding)
+
+ contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0)
+ contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0)
+
+ padding: 12
+
+ background: Rectangle {
+ color: Style.backgroundColor
+ }
+}
diff --git a/styles/LuceeStyle/ItemDelegate.qml b/styles/LuceeStyle/ItemDelegate.qml
new file mode 100644
index 00000000..f2a550db
--- /dev/null
+++ b/styles/LuceeStyle/ItemDelegate.qml
@@ -0,0 +1,88 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+import shared.utils 1.0
+import shared.controls 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.ItemDelegate {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ Math.max(contentItem.implicitHeight,
+ indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ spacing: Sizes.dp(12)
+ padding: Sizes.dp(12)
+
+ topPadding: padding - Sizes.dp(1)
+ bottomPadding: padding + Sizes.dp(1)
+
+ font.pixelSize: Sizes.fontSizeM
+ font.family: Style.fontFamily
+ font.weight: Font.Light
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ contentItem: NeptuneIconLabel {
+ iconScale: Sizes.scale
+
+ leftPadding: !control.mirrored ? (control.indicator ? control.indicator.width + control.spacing : 0) : 0
+ rightPadding: control.mirrored ? (control.indicator ? control.indicator.width + control.spacing : 0) : 0
+
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+ alignment: control.display === IconLabel.IconOnly || control.display === IconLabel.TextUnderIcon ? Qt.AlignCenter : Qt.AlignLeft
+
+ icon: control.icon
+ text: control.text
+ font: control.font
+ opacity: enabled ? 1.0 : Style.defaultDisabledOpacity
+ color: Style.contrastColor
+ }
+}
diff --git a/styles/LuceeStyle/Label.qml b/styles/LuceeStyle/Label.qml
new file mode 100644
index 00000000..ca0675dc
--- /dev/null
+++ b/styles/LuceeStyle/Label.qml
@@ -0,0 +1,46 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick
+import QtQuick.Templates as T
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.Label {
+ id: control
+ verticalAlignment: Text.AlignVCenter
+ color: Style.contrastColor
+ font.pixelSize: Sizes.fontSizeM
+ font.weight: Font.Light
+ font.family: Style.fontFamily
+ opacity: enabled ? 1.0 : Style.defaultDisabledOpacity
+}
diff --git a/styles/LuceeStyle/Page.qml b/styles/LuceeStyle/Page.qml
new file mode 100644
index 00000000..d8ddb751
--- /dev/null
+++ b/styles/LuceeStyle/Page.qml
@@ -0,0 +1,55 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Templates 2.1 as T
+import shared.Style 1.0
+
+T.Page {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ Math.max(contentWidth,
+ header && header.visible ? header.implicitWidth : 0,
+ footer && footer.visible ? footer.implicitWidth : 0) + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ contentHeight + topPadding + bottomPadding
+ + (header && header.visible ? header.implicitHeight + spacing : 0)
+ + (footer && footer.visible ? footer.implicitHeight + spacing : 0))
+
+ contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0)
+ contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0)
+
+ background: Rectangle {
+ color: control.Style.backgroundColor
+ }
+}
diff --git a/styles/LuceeStyle/PageIndicator.qml b/styles/LuceeStyle/PageIndicator.qml
new file mode 100644
index 00000000..7859bf86
--- /dev/null
+++ b/styles/LuceeStyle/PageIndicator.qml
@@ -0,0 +1,67 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Templates 2.1 as T
+import shared.Style 1.0
+
+T.PageIndicator {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ contentItem.implicitHeight + topPadding + bottomPadding)
+
+ padding: 6
+ spacing: 6
+
+ delegate: Rectangle {
+ implicitWidth: 8
+ implicitHeight: 8
+
+ radius: width / 2
+ color: control.Style.accentColor
+
+ opacity: index === currentIndex ? 0.95 : pressed ? 0.7 : 0.45
+ Behavior on opacity { OpacityAnimator { duration: 100 } }
+ }
+
+ contentItem: Row {
+ spacing: control.spacing
+
+ Repeater {
+ model: control.count
+ delegate: control.delegate
+ }
+ }
+}
diff --git a/styles/LuceeStyle/Pane.qml b/styles/LuceeStyle/Pane.qml
new file mode 100644
index 00000000..aa56a550
--- /dev/null
+++ b/styles/LuceeStyle/Pane.qml
@@ -0,0 +1,47 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Templates 2.1 as T
+import shared.Style 1.0
+
+T.Pane {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0, contentWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0, contentHeight + topPadding + bottomPadding)
+
+ contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0)
+ contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0)
+
+ padding: 12
+}
diff --git a/styles/LuceeStyle/ProgressBar.qml b/styles/LuceeStyle/ProgressBar.qml
new file mode 100644
index 00000000..3597f009
--- /dev/null
+++ b/styles/LuceeStyle/ProgressBar.qml
@@ -0,0 +1,71 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+
+import shared.controls 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.ProgressBar {
+ id: control
+
+ property bool backgroundVisible: true
+
+ readonly property real progressBarWidth: control.width - Sizes.dp(5)
+
+ contentItem: NeptuneProgressBar {
+ implicitWidth: control.progressBarWidth
+ implicitHeight: Sizes.dp(7)
+ scale: control.mirrored ? -1 : 1
+ progress: control.position
+ indeterminate: control.visible && control.indeterminate
+ color: Style.accentColor
+ radius: height / 2
+ }
+
+ background: Rectangle {
+ visible: control.backgroundVisible
+ anchors.verticalCenter: parent.verticalCenter
+ implicitWidth: control.progressBarWidth
+ implicitHeight: Sizes.dp(1)
+ width: control.progressBarWidth
+ height: implicitHeight
+ //TODO check with designer if color is correct
+ color: Style.contrastColor
+ opacity: Style.opacityMedium
+ radius: height / 2
+ }
+}
diff --git a/styles/LuceeStyle/RadioButton.qml b/styles/LuceeStyle/RadioButton.qml
new file mode 100644
index 00000000..b24f8f9c
--- /dev/null
+++ b/styles/LuceeStyle/RadioButton.qml
@@ -0,0 +1,95 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+
+import shared.utils 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.RadioButton {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ Math.max(contentItem.implicitHeight,
+ indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ padding: Sizes.dp(6)
+ spacing: Sizes.dp(8)
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ indicator: Rectangle {
+ x: text ? (control.mirrored ? control.width - width - control.rightPadding : control.leftPadding) : control.leftPadding + (control.availableWidth - width) / 2
+ y: control.topPadding + (control.availableHeight - height) / 2
+ implicitWidth: Sizes.dp(30)
+ implicitHeight: Sizes.dp(30)
+ radius: width / 2
+ border.width: Sizes.dp(2)
+ border.color: control.checked || control.down ? control.Style.accentColor : control.Style.buttonColor
+ color: "transparent"
+
+ Rectangle {
+ x: (parent.width - width) / 2
+ y: (parent.height - height) / 2
+ width: Sizes.dp(15)
+ height: Sizes.dp(15)
+ radius: width / 2
+ color: parent.border.color
+ visible: control.checked || control.down
+ }
+ }
+
+ contentItem: Label {
+ leftPadding: control.indicator && !control.mirrored ? control.indicator.width + control.spacing : 0
+ rightPadding: control.indicator && control.mirrored ? control.indicator.width + control.spacing : 0
+
+ text: control.text
+ font: control.font
+ elide: Text.ElideRight
+ verticalAlignment: Text.AlignVCenter
+
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+ }
+}
diff --git a/styles/LuceeStyle/ScrollIndicator.qml b/styles/LuceeStyle/ScrollIndicator.qml
new file mode 100644
index 00000000..6e98d9bc
--- /dev/null
+++ b/styles/LuceeStyle/ScrollIndicator.qml
@@ -0,0 +1,91 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: http://www.qt.io/licensing/
+**
+** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see http://www.qt.io/terms-conditions. For further
+** information use the contact form at http://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or later as published by the Free
+** Software Foundation and appearing in the file LICENSE.GPL included in
+** the packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 2.0 requirements will be
+** met: http://www.gnu.org/licenses/gpl-2.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+
+import shared.utils 1.0
+import shared.animations 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.ScrollIndicator {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ topPadding + bottomPadding)
+
+ background: Item {
+ implicitWidth: Sizes.dp(5)
+ implicitHeight: control.height
+
+ Rectangle {
+ width: Sizes.dp(5)
+ height: parent.height * control.position
+ anchors.top: parent.top
+ anchors.topMargin: - Sizes.dp(9)
+ radius: width / 2
+ color: Style.contrastColor
+ opacity: control.active ? 0.14 : 0
+ Behavior on opacity { DefaultNumberAnimation { duration: opacity < 0.1 ? 80 : 500 } }
+ visible: opacity > 0
+ }
+
+ Rectangle {
+ width: Sizes.dp(5)
+ height: ((parent.height - (parent.height * control.size)) - (parent.height * control.position))
+ anchors.bottom: parent.bottom
+ anchors.bottomMargin: - Sizes.dp(9)
+ radius: width / 2
+ color: Style.contrastColor
+ opacity: control.active ? 0.14 : 0
+ Behavior on opacity { DefaultNumberAnimation { duration: opacity < 0.1 ? 80 : 500 } }
+ visible: opacity > 0
+ }
+ }
+
+ contentItem: Rectangle {
+ implicitWidth: Sizes.dp(7)
+ radius: width / 2
+ color: Style.accentColor
+ opacity: control.active ? 1.0 : 0.0
+ Behavior on opacity { DefaultNumberAnimation { duration: opacity < 0.1 ? 80 : 500 } }
+ visible: opacity > 0
+ }
+}
diff --git a/styles/LuceeStyle/Slider.qml b/styles/LuceeStyle/Slider.qml
new file mode 100644
index 00000000..f833e740
--- /dev/null
+++ b/styles/LuceeStyle/Slider.qml
@@ -0,0 +1,133 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: http://www.qt.io/licensing/
+**
+** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see http://www.qt.io/terms-conditions. For further
+** information use the contact form at http://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or later as published by the Free
+** Software Foundation and appearing in the file LICENSE.GPL included in
+** the packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 2.0 requirements will be
+** met: http://www.gnu.org/licenses/gpl-2.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+
+import shared.utils 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.Slider {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ (handle ? handle.implicitWidth : 0) + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ (handle ? handle.implicitHeight : 0) + topPadding + bottomPadding)
+
+ live: false
+ snapMode: Slider.SnapOnRelease
+
+ opacity: enabled ? 1.0 : 0.3
+
+ QtObject {
+ id: d
+ readonly property int numberSteps: control.stepSize !== 0 ?
+ (control.to - control.from) / control.stepSize : 0
+ readonly property int railSize: control.Sizes.dp(10)
+ readonly property real railLength: handle ? (control.horizontal ?
+ control.availableWidth - handle.width :
+ control.availableHeight - handle.height) :
+ (control.horizontal ? control.implicitWidth : control.implicitHeight)
+ readonly property real stepLength: numberSteps ?
+ (railLength - gap * (numberSteps - 1)) / numberSteps : 0.0
+ readonly property int gap: control.Sizes.dp(3)
+ }
+
+ handle: Rectangle {
+ id: handle
+ x: control.leftPadding +
+ (control.horizontal ? control.visualPosition * (control.availableWidth - width) :
+ (control.availableWidth - width) / 2)
+ y: control.topPadding +
+ (control.horizontal ? (control.availableHeight - height) / 2 :
+ control.visualPosition * (control.availableHeight - height))
+ width: Sizes.dp(40)
+ height: width
+ implicitWidth: width
+ implicitHeight: height
+
+ color: "#FFFFFFFF"
+ border.color: "#FF878787"
+ border.width: Sizes.dp(2)
+ radius: width / 2 // make it perfectly round
+ }
+
+ background: Item {
+ id: railContainer
+ x: control.leftPadding + (control.horizontal ? handle.width / 2 : (control.availableWidth - width) / 2)
+ y: control.topPadding + (control.horizontal ? (control.availableHeight - height) / 2 : handle.height / 2)
+
+ width: control.horizontal ? d.railLength : d.railSize
+ height: control.horizontal ? d.railSize : d.railLength
+
+ Repeater {
+ enabled: d.numberSteps
+ model: d.numberSteps
+ delegate: Rectangle {
+ id: rectStep
+ x: control.horizontal ? index * (d.stepLength + d.gap) : 0
+ y: control.horizontal ? 0 : index * (d.stepLength + d.gap)
+ width: control.horizontal ? d.stepLength : railContainer.width
+ height: control.horizontal ? railContainer.height : d.stepLength
+ color: filled ? Style.accentColor : "#FFAAAAAA"
+
+ property bool filled: control.horizontal ?
+ (handle.x > (rectStep.x+d.stepLength/2) ? (control.mirrored ? false : true) : (control.mirrored ? true : false)) :
+ (handle.y > rectStep.y+d.stepLength/2 ? false : true)
+ }
+ }
+
+ Rectangle {
+ width: parent.width
+ height: parent.height
+ color: "#FFAAAAAA"
+ visible: d.numberSteps === 0
+ }
+
+ Rectangle {
+ x: control.horizontal ? (control.mirrored ? handle.x : 0) : (parent.width - width) / 2
+ y: control.horizontal ? (parent.height - height) / 2 : control.visualPosition * parent.height
+ width: control.horizontal ? control.position * parent.width : parent.width
+ height: control.horizontal ? parent.height : control.position * parent.height
+ visible: d.numberSteps === 0
+ color: Style.accentColor
+ }
+ }
+}
diff --git a/styles/LuceeStyle/Switch.qml b/styles/LuceeStyle/Switch.qml
new file mode 100644
index 00000000..6bdaff47
--- /dev/null
+++ b/styles/LuceeStyle/Switch.qml
@@ -0,0 +1,123 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Copyright (C) 2017 The Qt Company Ltd.
+** Contact: http://www.qt.io/licensing/
+**
+** This file is part of the Qt Quick Controls 2 module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL3$
+** Commercial License Usage
+** Licensees holding valid commercial Qt licenses may use this file in
+** accordance with the commercial license agreement provided with the
+** Software or, alternatively, in accordance with the terms contained in
+** a written agreement between you and The Qt Company. For licensing terms
+** and conditions see http://www.qt.io/terms-conditions. For further
+** information use the contact form at http://www.qt.io/contact-us.
+**
+** GNU Lesser General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU Lesser
+** General Public License version 3 as published by the Free Software
+** Foundation and appearing in the file LICENSE.LGPLv3 included in the
+** packaging of this file. Please review the following information to
+** ensure the GNU Lesser General Public License version 3 requirements
+** will be met: https://www.gnu.org/licenses/lgpl.html.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 2.0 or later as published by the Free
+** Software Foundation and appearing in the file LICENSE.GPL included in
+** the packaging of this file. Please review the following information to
+** ensure the GNU General Public License version 2.0 requirements will be
+** met: http://www.gnu.org/licenses/gpl-2.0.html.
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+
+import shared.utils 1.0
+import shared.animations 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.Switch {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ Math.max(contentItem.implicitHeight,
+ indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ font.weight: Font.Light
+ font.pixelSize: Sizes.fontSizeM
+
+ padding: Sizes.dp(8)
+ spacing: Sizes.dp(8)
+
+ Cursor {
+ onActivated: {
+ control.toggle();
+ }
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ indicator: PaddedRectangle {
+ implicitWidth: Sizes.dp(50)
+ implicitHeight: Sizes.dp(30)
+
+ x: text ? (control.mirrored ? control.leftPadding : control.width - width - control.rightPadding) : control.leftPadding + (control.availableWidth - width) / 2
+ y: control.topPadding + (control.availableHeight - height) / 2
+
+ radius: Sizes.dp(15)
+ leftPadding: 0
+ rightPadding: 0
+ padding: (height - Sizes.dp(30)) / 2
+ color: 'transparent'
+ border.width: Sizes.dp(2)
+ border.color: control.checked ? Style.accentColor : "#919191"
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+
+ Rectangle {
+ // horizontal margin between the inner ball and the outer capsule
+ readonly property real sideMargin: Sizes.dp(4)
+
+ x: Math.max(sideMargin, Math.min(parent.width - width - sideMargin, control.visualPosition * parent.width - (width / 2)))
+ y: (parent.height - height) / 2
+ width: Sizes.dp(22)
+ height: width
+ radius: width/2
+ color: control.checked ? Style.accentColor : "#919191"
+
+ Behavior on x {
+ enabled: !control.down
+ DefaultSmoothedAnimation {}
+ }
+ }
+ }
+
+ contentItem: IconLabel {
+ leftPadding: control.mirrored ? control.indicator.width + control.spacing : 0
+ rightPadding: !control.mirrored ? control.indicator.width + control.spacing : 0
+
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+ alignment: control.display === IconLabel.IconOnly || control.display === IconLabel.TextUnderIcon ? Qt.AlignCenter : Qt.AlignLeft
+
+ icon: control.icon
+ text: control.text
+ font: control.font
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+ color: Style.contrastColor
+ }
+}
diff --git a/styles/LuceeStyle/SwitchDelegate.qml b/styles/LuceeStyle/SwitchDelegate.qml
new file mode 100644
index 00000000..d8321ca9
--- /dev/null
+++ b/styles/LuceeStyle/SwitchDelegate.qml
@@ -0,0 +1,121 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.3 as T
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+
+import shared.utils 1.0
+import shared.animations 1.0
+import shared.controls 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+// TODO: Fix the height and width more according to UI spec and based on external variables
+// TODO: Provide a better way to develop these UI controls in a more controlable fashion
+
+T.SwitchDelegate {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ Math.max(contentItem.implicitHeight,
+ indicator ? indicator.implicitHeight : 0) + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ padding: Sizes.dp(12)
+ spacing: Sizes.dp(12)
+
+ font.pixelSize: Sizes.fontSizeM
+ font.family: Style.fontFamily
+ font.weight: Font.Light
+
+ Cursor {
+ onActivated: {
+ control.toggle();
+ }
+ }
+
+ indicator: PaddedRectangle {
+ implicitWidth: Sizes.dp(56)
+ implicitHeight: Sizes.dp(32)
+
+ x: text ? (control.mirrored ? control.leftPadding : control.width - width - control.rightPadding) : control.leftPadding + (control.availableWidth - width) / 2
+ y: control.topPadding + (control.availableHeight - height) / 2
+
+ radius: Sizes.dp(16)
+ leftPadding: 0
+ rightPadding: 0
+ padding: (height - Sizes.dp(32)) / 2
+ color: 'transparent'
+ border.width: Sizes.dp(2)
+ border.color: control.checked ? Style.accentColor : "#919191"
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+
+ Rectangle {
+ // horizontal margin between the inner ball and the outer capsule
+ readonly property real sideMargin: Sizes.dp(4)
+
+ x: Math.max(sideMargin, Math.min(parent.width - width - sideMargin, control.visualPosition * parent.width - (width / 2)))
+ y: (parent.height - height) / 2
+ width: Sizes.dp(22)
+ height: width
+ radius: width/2
+ color: control.checked ? Style.accentColor : "#919191"
+
+ Behavior on x {
+ enabled: !control.down
+ DefaultSmoothedAnimation {}
+ }
+ }
+ }
+
+ contentItem: NeptuneIconLabel {
+ iconScale: Sizes.scale
+
+ leftPadding: control.mirrored ? control.indicator.width + control.spacing : 0
+ rightPadding: !control.mirrored ? control.indicator.width + control.spacing : 0
+
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+ alignment: control.display === IconLabel.IconOnly || control.display === IconLabel.TextUnderIcon ? Qt.AlignCenter : Qt.AlignLeft
+
+ icon: control.icon
+ text: control.text
+ font: control.font
+ opacity: enabled ? Style.opacityHigh : Style.defaultDisabledOpacity
+ color: Style.contrastColor
+ }
+}
diff --git a/styles/LuceeStyle/TabBar.qml b/styles/LuceeStyle/TabBar.qml
new file mode 100644
index 00000000..d49ad854
--- /dev/null
+++ b/styles/LuceeStyle/TabBar.qml
@@ -0,0 +1,63 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick
+import QtQuick.Templates as T
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.TabBar {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ contentHeight + topPadding + bottomPadding)
+
+ spacing: 0
+
+ contentItem: ListView {
+ model: control.contentModel
+ currentIndex: control.currentIndex
+
+ spacing: control.spacing
+ orientation: ListView.Horizontal
+ boundsBehavior: Flickable.StopAtBounds
+ flickableDirection: Flickable.AutoFlickIfNeeded
+ snapMode: ListView.SnapToItem
+
+ highlightMoveDuration: 0
+ highlightRangeMode: ListView.ApplyRange
+ preferredHighlightBegin: Sizes.dp(40)
+ preferredHighlightEnd: width - Sizes.dp(40)
+ }
+}
diff --git a/styles/LuceeStyle/TabButton.qml b/styles/LuceeStyle/TabButton.qml
new file mode 100644
index 00000000..a4aa7589
--- /dev/null
+++ b/styles/LuceeStyle/TabButton.qml
@@ -0,0 +1,146 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Controls 2.3
+import QtQuick.Controls.impl 2.3
+import QtQuick.Templates 2.3 as T
+
+import shared.utils 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+import shared.controls 1.0
+import shared.utils 1.0
+
+T.TabButton {
+ id: control
+
+ //internal to avoid binding loops
+ readonly property real letterSpacing: font.pixelSize === Sizes.fontSizeS ? -0.41 : -0.57
+
+ font.pixelSize: Sizes.fontSizeS
+
+ font.letterSpacing: selected ? control.letterSpacing : 0
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0,
+ contentItem.implicitWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0,
+ contentItem.implicitHeight + topPadding + bottomPadding)
+ baselineOffset: contentItem.y + contentItem.baselineOffset
+
+ font.weight: selected ? Font.Normal : Font.Light
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ contentItem: IconLabel {
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+ icon: control.icon
+ text: control.text
+ font: control.font
+ color: selected ? Style.mainColor : Style.contrastColor
+ }
+
+ readonly property string positionState: {
+ if (TabBar.index === 0) {
+ return LayoutMirroring.enabled ? "right" : "left";
+ } else if (TabBar.index === TabBar.tabBar.contentModel.count - 1) {
+ return LayoutMirroring.enabled ? "left" : "right";
+ } else {
+ return "middle";
+ }
+ }
+
+ readonly property bool selected: TabBar.tabBar.currentIndex === TabBar.index
+
+ background: ScalableBorderImage {
+ id: borderImage
+ anchors.fill: parent
+ source: Style.image("tabbar-bg-" + control.positionState)
+
+ opacity: (control.selected ? 0.7 : 0.3) + (control.pressed ? 0.1 : 0)
+
+ state: control.positionState
+ states: [
+ State {
+ name: "left"
+ PropertyChanges {
+ target: borderImage
+
+ //don't change these values without knowing the exact size of source image
+ //QTBUG-73768 if border exceeds source image size, app crashes, avoid Sizes.dp here
+ border.left: 26
+ border.right: 0
+ border.top: 22
+ border.bottom: 48 - 25
+ }
+ },
+ State {
+ name: "right"
+ PropertyChanges {
+ target: borderImage
+
+ //don't change these values without knowing the exact size of source image
+ //QTBUG-73768 if border exceeds source image size, app crashes, avoid Sizes.dp here
+ border.left: 0
+ border.right: 30 - 5
+ border.top: 22
+ border.bottom: 48 - 25
+ }
+ },
+ State {
+ name: "middle"
+ PropertyChanges {
+ target: borderImage
+
+ //don't change these values without knowing the exact size of source image
+ //QTBUG-73768 if border exceeds source image size, app crashes, avoid Sizes.dp here
+ border.left: 0
+ border.right: 0
+ border.top: 0
+ border.bottom: 0
+ }
+ }
+ ]
+ horizontalTileMode: BorderImage.Stretch
+ verticalTileMode: BorderImage.Stretch
+ }
+}
diff --git a/styles/LuceeStyle/ToolBar.qml b/styles/LuceeStyle/ToolBar.qml
new file mode 100644
index 00000000..8e8e9bc0
--- /dev/null
+++ b/styles/LuceeStyle/ToolBar.qml
@@ -0,0 +1,51 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.8
+import QtQuick.Templates 2.1 as T
+import shared.Style 1.0
+
+T.ToolBar {
+ id: control
+
+ implicitWidth: Math.max(background ? background.implicitWidth : 0, contentWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(background ? background.implicitHeight : 0, contentHeight + topPadding + bottomPadding)
+
+ contentWidth: contentItem.implicitWidth || (contentChildren.length === 1 ? contentChildren[0].implicitWidth : 0)
+ contentHeight: contentItem.implicitHeight || (contentChildren.length === 1 ? contentChildren[0].implicitHeight : 0)
+
+
+ background: Rectangle {
+ implicitHeight: 48
+ color: control.Style.backgroundColor
+ }
+}
diff --git a/styles/LuceeStyle/ToolButton.qml b/styles/LuceeStyle/ToolButton.qml
new file mode 100644
index 00000000..55efd6c6
--- /dev/null
+++ b/styles/LuceeStyle/ToolButton.qml
@@ -0,0 +1,94 @@
+/****************************************************************************
+**
+** Copyright (C) 2019 Luxoft Sweden AB
+** Copyright (C) 2018 Pelagicore AG
+** Contact: https://www.qt.io/licensing/
+**
+** This file is part of the Neptune 3 UI.
+**
+** $QT_BEGIN_LICENSE:GPL-QTAS$
+** Commercial License Usage
+** Licensees holding valid commercial Qt Automotive Suite licenses may use
+** this file in accordance with the commercial license agreement provided
+** with the Software or, alternatively, in accordance with the terms
+** contained in a written agreement between you and The Qt Company. For
+** licensing terms and conditions see https://www.qt.io/terms-conditions.
+** For further information use the contact form at https://www.qt.io/contact-us.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU
+** General Public License version 3 or (at your option) any later version
+** approved by the KDE Free Qt Foundation. The licenses are as published by
+** the Free Software Foundation and appearing in the file LICENSE.GPL3
+** included in the packaging of this file. Please review the following
+** information to ensure the GNU General Public License requirements will
+** be met: https://www.gnu.org/licenses/gpl-3.0.html.
+**
+** $QT_END_LICENSE$
+**
+** SPDX-License-Identifier: GPL-3.0
+**
+****************************************************************************/
+
+import QtQuick 2.10
+import QtQuick.Templates 2.5 as T
+import QtQuick.Controls 2.5
+import QtQuick.Controls.impl 2.5
+
+import shared.utils 1.0
+import shared.controls 1.0
+import shared.Style 1.0
+import shared.Sizes 1.0
+
+T.ToolButton {
+ id: control
+
+ implicitWidth: Math.max(implicitBackgroundWidth + leftInset + rightInset,
+ implicitContentWidth + leftPadding + rightPadding)
+ implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
+ implicitContentHeight + topPadding + bottomPadding)
+ baselineOffset: contentItem ? contentItem.y + contentItem.baselineOffset : 0
+
+ padding: Sizes.dp(6)
+ spacing: Sizes.dp(6)
+
+ font.pixelSize: Sizes.fontSizeM
+ font.family: Style.fontFamily
+ opacity: enabled ? 1.0 : Style.defaultDisabledOpacity
+ icon.color: (checked || highlighted) ? Style.accentColor : Style.contrastColor
+
+ scale: pressed ? 1.1 : 1.0
+
+ property alias iconFillMode: iconLabel.iconFillMode
+ property alias iconRectWidth: iconLabel.iconRectWidth
+ property alias iconRectHeight: iconLabel.iconRectHeight
+
+ Behavior on scale { NumberAnimation { duration: 50 } }
+
+ Cursor {
+ onActivated: {
+ control.clicked();
+ }
+
+ onPressAndHold: {
+ control.pressAndHold();
+ }
+ }
+
+ contentItem: NeptuneIconLabel {
+ id: iconLabel
+
+ readonly property real textOpacity: !enabled ? Style.defaultDisabledOpacity
+ : control.checkable && !control.checked && control.display === AbstractButton.TextUnderIcon // ToolsColumn
+ ? Style.opacityLow : Style.opacityHigh
+
+ iconScale: Sizes.scale
+ spacing: control.spacing
+ mirrored: control.mirrored
+ display: control.display
+ icon: control.icon
+ text: control.text
+ font: control.font
+ color: Qt.rgba(control.icon.color.r, control.icon.color.g, control.icon.color.b, textOpacity)
+ }
+}
diff --git a/styles/LuceeStyle/images/album-art-mask.png b/styles/LuceeStyle/images/album-art-mask.png
new file mode 100644
index 00000000..fc6cf82d
--- /dev/null
+++ b/styles/LuceeStyle/images/album-art-mask.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:990f6e81583279e4146ecc97d55ffb634f1f71dcd465954f72a07a225b34e147
+size 5575
diff --git a/styles/LuceeStyle/images/album-art-placeholder.png b/styles/LuceeStyle/images/album-art-placeholder.png
new file mode 100644
index 00000000..2d08913d
--- /dev/null
+++ b/styles/LuceeStyle/images/album-art-placeholder.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9821db3d7853925890fbee6a814ebd834a289aec7b8335fd48983e0c68c7fdae
+size 21637
diff --git a/styles/LuceeStyle/images/album-art-shadow-widget.png b/styles/LuceeStyle/images/album-art-shadow-widget.png
new file mode 100644
index 00000000..c365a642
--- /dev/null
+++ b/styles/LuceeStyle/images/album-art-shadow-widget.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:210f3830a305da2bcbe8dc90e4d8a1096988e1df12ed09b18bb0b29c23c97d03
+size 4271
diff --git a/styles/LuceeStyle/images/album-art-shadow.png b/styles/LuceeStyle/images/album-art-shadow.png
new file mode 100644
index 00000000..e7ba6682
--- /dev/null
+++ b/styles/LuceeStyle/images/album-art-shadow.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5aaf231652896bccbfc80664dd60794a29ca6015ad1cc80313fdaed877b9fe02
+size 18898
diff --git a/styles/LuceeStyle/images/app-fullscreen-top-bg-dark.png b/styles/LuceeStyle/images/app-fullscreen-top-bg-dark.png
new file mode 100644
index 00000000..9fe3f124
--- /dev/null
+++ b/styles/LuceeStyle/images/app-fullscreen-top-bg-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf1c79576355ea354c47b5b70ea6a312069f35bf84c329ad3a25e196a114b306
+size 14990
diff --git a/styles/LuceeStyle/images/app-fullscreen-top-bg.png b/styles/LuceeStyle/images/app-fullscreen-top-bg.png
new file mode 100644
index 00000000..9fe3f124
--- /dev/null
+++ b/styles/LuceeStyle/images/app-fullscreen-top-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bf1c79576355ea354c47b5b70ea6a312069f35bf84c329ad3a25e196a114b306
+size 14990
diff --git a/styles/LuceeStyle/images/bg-home-dark.png b/styles/LuceeStyle/images/bg-home-dark.png
new file mode 100644
index 00000000..10ed8c10
--- /dev/null
+++ b/styles/LuceeStyle/images/bg-home-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a8583d7f33da98b4c133fee4846b664adcbd1166a24ef13bdddc63baf157d0ad
+size 179644
diff --git a/styles/LuceeStyle/images/bg-home.png b/styles/LuceeStyle/images/bg-home.png
new file mode 100644
index 00000000..31a47804
--- /dev/null
+++ b/styles/LuceeStyle/images/bg-home.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a895d7173cc82920e6bd66ef59beee6c60ff1337e92c02257b3380567c20384d
+size 112630
diff --git a/styles/LuceeStyle/images/colorSelector/#51a7f4.png b/styles/LuceeStyle/images/colorSelector/#51a7f4.png
new file mode 100644
index 00000000..bd254df3
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#51a7f4.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2f95d42c7b69c1498b22f74acded592bdc655043f41857f9cbab4ce7fd0dcbf6
+size 23598
diff --git a/styles/LuceeStyle/images/colorSelector/#535258.png b/styles/LuceeStyle/images/colorSelector/#535258.png
new file mode 100644
index 00000000..de45c6ab
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#535258.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5f253cb692517e06c5feac2dcf5217c6411fdc984d858a059b0915093325c330
+size 22841
diff --git a/styles/LuceeStyle/images/colorSelector/#78887b.png b/styles/LuceeStyle/images/colorSelector/#78887b.png
new file mode 100644
index 00000000..b7bc4bbe
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#78887b.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46da0efd2c5311d3af54b3352d6143ce596c5663289fb9b2ea176e5fe0bedfdd
+size 22275
diff --git a/styles/LuceeStyle/images/colorSelector/#7ba2a5.png b/styles/LuceeStyle/images/colorSelector/#7ba2a5.png
new file mode 100644
index 00000000..3004fb92
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#7ba2a5.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46b3ce57f1894c44cab5344f8b230576c5025804acdb18bf3c002249fc49c4af
+size 24955
diff --git a/styles/LuceeStyle/images/colorSelector/#9eae83.png b/styles/LuceeStyle/images/colorSelector/#9eae83.png
new file mode 100644
index 00000000..add478cf
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#9eae83.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ddb2570d34d386e2b574e0ec63204ad81118b1c695fb5eacfe00b5d943c65045
+size 26422
diff --git a/styles/LuceeStyle/images/colorSelector/#d35756.png b/styles/LuceeStyle/images/colorSelector/#d35756.png
new file mode 100644
index 00000000..91803177
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#d35756.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c2603b3d079d038761a4b7c62f323996498350831cef28db58b33d7e8fc40480
+size 23173
diff --git a/styles/LuceeStyle/images/colorSelector/#db3b9f.png b/styles/LuceeStyle/images/colorSelector/#db3b9f.png
new file mode 100644
index 00000000..79c5b540
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#db3b9f.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:82d60a33f8b16c55887a5983cfdd4615a161d237d3d24db4de1df2d5f78c54dc
+size 23879
diff --git a/styles/LuceeStyle/images/colorSelector/#fba054.png b/styles/LuceeStyle/images/colorSelector/#fba054.png
new file mode 100644
index 00000000..aff2e969
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/#fba054.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:84c345395a7de785552ef58e231ce0a0fc34c5c38eff4ba1edce3d0d13e672ec
+size 25211
diff --git a/styles/LuceeStyle/images/colorSelector/color-wheel.png b/styles/LuceeStyle/images/colorSelector/color-wheel.png
new file mode 100644
index 00000000..79466fae
--- /dev/null
+++ b/styles/LuceeStyle/images/colorSelector/color-wheel.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e4a31577e3ea41b34cf619e60e199cd529da2dcb2611211487fb2986004f3377
+size 38001
diff --git a/styles/LuceeStyle/images/divider-dark.png b/styles/LuceeStyle/images/divider-dark.png
new file mode 100644
index 00000000..b4ff3ba0
--- /dev/null
+++ b/styles/LuceeStyle/images/divider-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c7ed6db45e423786578237d17e2896889a1450a4536da1139630693a5072909c
+size 1333
diff --git a/styles/LuceeStyle/images/divider.png b/styles/LuceeStyle/images/divider.png
new file mode 100644
index 00000000..c944b8a4
--- /dev/null
+++ b/styles/LuceeStyle/images/divider.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13a517439f7c14915bb4b349ff72e186ca0c6039baa239178a573197d3d23127
+size 2155
diff --git a/styles/LuceeStyle/images/fan-speed-5.png b/styles/LuceeStyle/images/fan-speed-5.png
new file mode 100644
index 00000000..d199e72c
--- /dev/null
+++ b/styles/LuceeStyle/images/fan-speed-5.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac4bb50c09dae63d7566845195863ee4e1b2aeab6426e4c34a8a10fef5bed569
+size 3322
diff --git a/styles/LuceeStyle/images/floating-panel-top-bg.png b/styles/LuceeStyle/images/floating-panel-top-bg.png
new file mode 100644
index 00000000..de009b70
--- /dev/null
+++ b/styles/LuceeStyle/images/floating-panel-top-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:51fb85682e0522a1193ef0093514578964e67c71a52d5cf3e8776a19cca1cb26
+size 7356
diff --git a/styles/LuceeStyle/images/home-widget-bg.png b/styles/LuceeStyle/images/home-widget-bg.png
new file mode 100644
index 00000000..d5361540
--- /dev/null
+++ b/styles/LuceeStyle/images/home-widget-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:37d270b9499ede4d48bc80428f43297801bb99cbd9ed34ab2d55d4b701027453
+size 1464
diff --git a/styles/LuceeStyle/images/ic-app-active-bg.png b/styles/LuceeStyle/images/ic-app-active-bg.png
new file mode 100644
index 00000000..5a794c81
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-app-active-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:388ee856e54249a76058fae63db41ce83b8c1f3f556e5f86c4259468b9016bbe
+size 1047
diff --git a/styles/LuceeStyle/images/ic-calculator-dark.png b/styles/LuceeStyle/images/ic-calculator-dark.png
new file mode 100644
index 00000000..c38d1400
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-calculator-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:038a9c71cb1e399ce8792a4466432f26d6b52cb90cd99f0e64c898243476e10f
+size 427
diff --git a/styles/LuceeStyle/images/ic-call.png b/styles/LuceeStyle/images/ic-call.png
new file mode 100644
index 00000000..0454eaed
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-call.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8f06396555e44770cf57d1da5d57516a6fd8b4a500ae1a76e70cf8ad89b796a1
+size 846
diff --git a/styles/LuceeStyle/images/ic-expand-dark.png b/styles/LuceeStyle/images/ic-expand-dark.png
new file mode 100644
index 00000000..19548ae6
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:27a986d92397ad31d258e6024d806a285c7a5688fdc7c1893fd14e5c9c139589
+size 299
diff --git a/styles/LuceeStyle/images/ic-expand-to-fullscreen-dark.png b/styles/LuceeStyle/images/ic-expand-to-fullscreen-dark.png
new file mode 100644
index 00000000..81bcc768
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand-to-fullscreen-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5c403b491d3770c5d0c3c9cde7b5439a9d8c5512bd2940ccfa0f812824947cc6
+size 439
diff --git a/styles/LuceeStyle/images/ic-expand-to-fullscreen.png b/styles/LuceeStyle/images/ic-expand-to-fullscreen.png
new file mode 100644
index 00000000..30b610b2
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand-to-fullscreen.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6d3ae27014335fd5da769cca6ca53d65ab0b948b24d2d1236e249f399523a5c1
+size 414
diff --git a/styles/LuceeStyle/images/ic-expand-up-dark.png b/styles/LuceeStyle/images/ic-expand-up-dark.png
new file mode 100644
index 00000000..0346da66
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand-up-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:88f1a46818629f5ac5c3ca6351381c9acf8fbe04e60ecedea2edfd3f59fbf538
+size 658
diff --git a/styles/LuceeStyle/images/ic-expand-up.png b/styles/LuceeStyle/images/ic-expand-up.png
new file mode 100644
index 00000000..82562f01
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand-up.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5e7a454c074e1987b386e9afad9cd28caebfdccb251d96ffc896bea92be411d
+size 613
diff --git a/styles/LuceeStyle/images/ic-expand.png b/styles/LuceeStyle/images/ic-expand.png
new file mode 100644
index 00000000..3f05e117
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-expand.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d7d1ccdb2f9e20f32cc46a1b8cac8a9af1bb50264e89226e8872be362ec2404
+size 264
diff --git a/styles/LuceeStyle/images/ic-favorite-dark.png b/styles/LuceeStyle/images/ic-favorite-dark.png
new file mode 100644
index 00000000..93ab4bb6
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-favorite-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5aa43cfa05863d20df73e63263cd42e020e4e764a3a1f46e8fa8e86c3db20845
+size 1029
diff --git a/styles/LuceeStyle/images/ic-favorite.png b/styles/LuceeStyle/images/ic-favorite.png
new file mode 100644
index 00000000..075df9cd
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-favorite.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6fadd486d9b680b76c83573fbc413c45eff0a7182e2ad75113e4b9e617cb4a59
+size 984
diff --git a/styles/LuceeStyle/images/ic-music-dark.png b/styles/LuceeStyle/images/ic-music-dark.png
new file mode 100644
index 00000000..8e1302c1
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-music-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fde01c96fec4b6592cbb0985b72340a439577cd1c2f0a5685f2321eaa3c0b191
+size 663
diff --git a/styles/LuceeStyle/images/ic-navigation-dark.png b/styles/LuceeStyle/images/ic-navigation-dark.png
new file mode 100644
index 00000000..6e48a601
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-navigation-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b5075e806fb8ac5dee717fc2cac1e8fb91d58fef463530d5a30239ec7ee8982f
+size 696
diff --git a/styles/LuceeStyle/images/ic-next-level-dark.png b/styles/LuceeStyle/images/ic-next-level-dark.png
new file mode 100644
index 00000000..700fb96c
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-next-level-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b8b2a1e75c9201a4bfc9aec1ea70fbd3b6bcc48f023e0d67b7c6b24d410f3113
+size 334
diff --git a/styles/LuceeStyle/images/ic-next-level.png b/styles/LuceeStyle/images/ic-next-level.png
new file mode 100644
index 00000000..5fc33846
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-next-level.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3ad37b788587030194c215f4c7d76ae471080e230f1c87cffddf4be9c405faab
+size 316
diff --git a/styles/LuceeStyle/images/ic-rain-amount.png b/styles/LuceeStyle/images/ic-rain-amount.png
new file mode 100644
index 00000000..823d430b
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-rain-amount.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6b825e525d3d600413c4cc2b1d185fb2613059a0f3698be4ccc13931a4b761dd
+size 868
diff --git a/styles/LuceeStyle/images/ic-search_OFF-dark.png b/styles/LuceeStyle/images/ic-search_OFF-dark.png
new file mode 100644
index 00000000..7d96e114
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-search_OFF-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eee6a4f2a1bc9368c504397b0ab503a2fa6670c3a9ce676bb647a5b90a2d7183
+size 703
diff --git a/styles/LuceeStyle/images/ic-search_OFF.png b/styles/LuceeStyle/images/ic-search_OFF.png
new file mode 100644
index 00000000..0e2ca5df
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-search_OFF.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:46e280c9bba480ebf2a6d729af5c12ca78abab193ab8935f9551a85c1bd8bbe6
+size 731
diff --git a/styles/LuceeStyle/images/ic-search_ON-dark.png b/styles/LuceeStyle/images/ic-search_ON-dark.png
new file mode 100644
index 00000000..8e2814bc
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-search_ON-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2266d26b07befc6e0c9fb39c67173c0c50814e56a49f612a7dfa64d2144f326a
+size 1348
diff --git a/styles/LuceeStyle/images/ic-search_ON.png b/styles/LuceeStyle/images/ic-search_ON.png
new file mode 100644
index 00000000..8e2814bc
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-search_ON.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2266d26b07befc6e0c9fb39c67173c0c50814e56a49f612a7dfa64d2144f326a
+size 1348
diff --git a/styles/LuceeStyle/images/ic-statusbar-battery-dark.png b/styles/LuceeStyle/images/ic-statusbar-battery-dark.png
new file mode 100644
index 00000000..851d64a2
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-battery-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:19eb6a488ecbc6de7a1ddc2889971293068ae20bff77d0227173de5903b95ffa
+size 305
diff --git a/styles/LuceeStyle/images/ic-statusbar-battery.png b/styles/LuceeStyle/images/ic-statusbar-battery.png
new file mode 100644
index 00000000..59031feb
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-battery.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3eafe93776a99a5fd8218e9dab69c46da21da6f001e3a4fd25320749aebbda2a
+size 268
diff --git a/styles/LuceeStyle/images/ic-statusbar-bluetooth-dark.png b/styles/LuceeStyle/images/ic-statusbar-bluetooth-dark.png
new file mode 100644
index 00000000..71a11f3e
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-bluetooth-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:633e747eac09fff742397ed7ea132c667c2b55623ba5b5c614b3c008a3704f94
+size 390
diff --git a/styles/LuceeStyle/images/ic-statusbar-bluetooth.png b/styles/LuceeStyle/images/ic-statusbar-bluetooth.png
new file mode 100644
index 00000000..20ec6a11
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-bluetooth.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dc46f6802da954393baf871bd5e0332369f459d481f157d8f029749b2f71d9d3
+size 381
diff --git a/styles/LuceeStyle/images/ic-statusbar-reception-dark.png b/styles/LuceeStyle/images/ic-statusbar-reception-dark.png
new file mode 100644
index 00000000..640223be
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-reception-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c93b21af694c1e2336e8cf0fe0ffe71d9a88e9761d790f35b942f77b06e0612
+size 173
diff --git a/styles/LuceeStyle/images/ic-statusbar-reception.png b/styles/LuceeStyle/images/ic-statusbar-reception.png
new file mode 100644
index 00000000..e8b0f2b8
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-reception.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2fa51e940ac673f2b9f7827d81579e8f84e4a621f5ca991632c0a7a577a6ff73
+size 146
diff --git a/styles/LuceeStyle/images/ic-statusbar-reception_OFF.png b/styles/LuceeStyle/images/ic-statusbar-reception_OFF.png
new file mode 100644
index 00000000..5190ad83
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-reception_OFF.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:45773c5040641dbe7eda6db0228caf6eff95af77414ea968bf6499e549518fe5
+size 839
diff --git a/styles/LuceeStyle/images/ic-statusbar-reception_ON.png b/styles/LuceeStyle/images/ic-statusbar-reception_ON.png
new file mode 100644
index 00000000..e969c768
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-reception_ON.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1005f724394268d5334d78790f55c1c4d8a57029381d3c316ef48a9875b090f7
+size 831
diff --git a/styles/LuceeStyle/images/ic-statusbar-wifi-dark.png b/styles/LuceeStyle/images/ic-statusbar-wifi-dark.png
new file mode 100644
index 00000000..11b6c15b
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-wifi-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3ed365950e692340e3468afbad7dbe4e3d0439f4e78413c148d70bf10780b460
+size 444
diff --git a/styles/LuceeStyle/images/ic-statusbar-wifi.png b/styles/LuceeStyle/images/ic-statusbar-wifi.png
new file mode 100644
index 00000000..e12dbc98
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-statusbar-wifi.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:01c94e65c4e9595e94a3471c54a3ebbe9b98102da819bfce86dee0c2e8fbd0d8
+size 412
diff --git a/styles/LuceeStyle/images/ic-weather-partly-rain-dark.png b/styles/LuceeStyle/images/ic-weather-partly-rain-dark.png
new file mode 100644
index 00000000..e8ca6be6
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-partly-rain-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0988985acb6eecf27609089ccbb59f0f378145810c0fa9b6d067edce129d904d
+size 1201
diff --git a/styles/LuceeStyle/images/ic-weather-partly-rain.png b/styles/LuceeStyle/images/ic-weather-partly-rain.png
new file mode 100644
index 00000000..69bb6701
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-partly-rain.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a77313e297e8859eab8354d29b0280ff11d9aadfd1e0ebfad18f1199e5fd8b83
+size 1334
diff --git a/styles/LuceeStyle/images/ic-weather-rain-dark.png b/styles/LuceeStyle/images/ic-weather-rain-dark.png
new file mode 100644
index 00000000..82a1dacd
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-rain-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b67bbca6422c93907dc111efef08a3f11e029d1d5c0abe599ab1590bbed67d1
+size 986
diff --git a/styles/LuceeStyle/images/ic-weather-rain.png b/styles/LuceeStyle/images/ic-weather-rain.png
new file mode 100644
index 00000000..c96d9602
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-rain.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:23ecb2ed6a1385002e8c64cbdc4e54dc662748bd9eac20668b2f493f5ce704e1
+size 1065
diff --git a/styles/LuceeStyle/images/ic-weather-snow-dark.png b/styles/LuceeStyle/images/ic-weather-snow-dark.png
new file mode 100644
index 00000000..51512d26
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-snow-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3687d675185362e03d8b68ed23abddf2a42965c44ca6450e4d8d5f930949cb58
+size 1187
diff --git a/styles/LuceeStyle/images/ic-weather-snow.png b/styles/LuceeStyle/images/ic-weather-snow.png
new file mode 100644
index 00000000..a2ef5405
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-snow.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b8428b857d5a53337c49144999448dde287daadef0c6035eeca7727522e4382
+size 1259
diff --git a/styles/LuceeStyle/images/ic-weather-sun-dark.png b/styles/LuceeStyle/images/ic-weather-sun-dark.png
new file mode 100644
index 00000000..30acedf1
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-sun-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b787d6fca5e9e615a98824f1e27af6ac33d4b934f5c454f01b896840fbbaa34e
+size 1177
diff --git a/styles/LuceeStyle/images/ic-weather-sun.png b/styles/LuceeStyle/images/ic-weather-sun.png
new file mode 100644
index 00000000..593035ff
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-weather-sun.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad17c9ae0c7afe9977ec81ae79820d4be58cbeb55fd6d2a448e0db7dd2709e36
+size 1317
diff --git a/styles/LuceeStyle/images/ic-widget-close.png b/styles/LuceeStyle/images/ic-widget-close.png
new file mode 100644
index 00000000..e5e65832
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-close.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e6b3f16587e457d41f95595b08ac2f0c7124e126bf0b8c896baf45038e12e7c4
+size 313
diff --git a/styles/LuceeStyle/images/ic-widget-move.png b/styles/LuceeStyle/images/ic-widget-move.png
new file mode 100644
index 00000000..36a267d9
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-move.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3022101ff8490e916e49348bd0fde428974501812cbf5d75f84175590ede1d68
+size 122
diff --git a/styles/LuceeStyle/images/ic-widget-music.png b/styles/LuceeStyle/images/ic-widget-music.png
new file mode 100644
index 00000000..b2a4958a
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-music.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9507cb42ba51401ce636d9790f300663d658660f5b9682119db668884d23d6a5
+size 513
diff --git a/styles/LuceeStyle/images/ic-widget-navigation.png b/styles/LuceeStyle/images/ic-widget-navigation.png
new file mode 100644
index 00000000..dca356a3
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-navigation.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4483241852c0b3e10de3a43191a4cb11e3efe7341cf6de9dbbafe9a3c4c94d32
+size 561
diff --git a/styles/LuceeStyle/images/ic-widget-tuner.png b/styles/LuceeStyle/images/ic-widget-tuner.png
new file mode 100644
index 00000000..13dace7b
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-tuner.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fda0182f99521913d486b657cfacf5ac245f969e631aa9b8c2a537f8a8221a79
+size 607
diff --git a/styles/LuceeStyle/images/ic-widget-weather.png b/styles/LuceeStyle/images/ic-widget-weather.png
new file mode 100644
index 00000000..ffe5c0ec
--- /dev/null
+++ b/styles/LuceeStyle/images/ic-widget-weather.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a9e27e651133c179667582faeb6f3ac7ce510cbacaca76f3b3e18c7718564691
+size 555
diff --git a/styles/LuceeStyle/images/ic_button-bg-red.png b/styles/LuceeStyle/images/ic_button-bg-red.png
new file mode 100644
index 00000000..0d30973d
--- /dev/null
+++ b/styles/LuceeStyle/images/ic_button-bg-red.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b3c5fa7f8249b4ff16f4731bc045cdfc3cb6f52d19425761e1b2c7cd9c28c71f
+size 5326
diff --git a/styles/LuceeStyle/images/ic_button-bg.png b/styles/LuceeStyle/images/ic_button-bg.png
new file mode 100644
index 00000000..941fd420
--- /dev/null
+++ b/styles/LuceeStyle/images/ic_button-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6def39f91cfa205cca245293dbcceb9a9206dd3f72ed604ee9c0df4a9db35778
+size 8455
diff --git a/styles/LuceeStyle/images/input-overlay.png b/styles/LuceeStyle/images/input-overlay.png
new file mode 100644
index 00000000..bbc1d17c
--- /dev/null
+++ b/styles/LuceeStyle/images/input-overlay.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e4d757edbcb9108fdaa1b6d01c462e4df610e67d6ff504cb94a565c109b23036
+size 21386
diff --git a/styles/LuceeStyle/images/instrument-cluster-bg-dark.png b/styles/LuceeStyle/images/instrument-cluster-bg-dark.png
new file mode 100644
index 00000000..455e3f19
--- /dev/null
+++ b/styles/LuceeStyle/images/instrument-cluster-bg-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d2ca3af5f2b9500b04e330ef472032a1c4bc47e1030720e53a97330cb9a4b842
+size 635155
diff --git a/styles/LuceeStyle/images/instrument-cluster-bg.png b/styles/LuceeStyle/images/instrument-cluster-bg.png
new file mode 100644
index 00000000..8cd4c905
--- /dev/null
+++ b/styles/LuceeStyle/images/instrument-cluster-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26606745a9616b3ddc5c853beea16bd400682fe2e43fd7eff46739303e509dd8
+size 1071371
diff --git a/styles/LuceeStyle/images/list-divider-dark.png b/styles/LuceeStyle/images/list-divider-dark.png
new file mode 100644
index 00000000..78ae5372
--- /dev/null
+++ b/styles/LuceeStyle/images/list-divider-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:43782df2f08929a49e3a9fd6853b88c6ec782e4e88826f3302e05206caf7ecad
+size 289
diff --git a/styles/LuceeStyle/images/list-divider.png b/styles/LuceeStyle/images/list-divider.png
new file mode 100644
index 00000000..1db5ec08
--- /dev/null
+++ b/styles/LuceeStyle/images/list-divider.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:34e4afaefc840c23a1b42fb65bb997bc87edebcec29d766234a1bf05b76c23e5
+size 397
diff --git a/styles/LuceeStyle/images/logo-kdab.png b/styles/LuceeStyle/images/logo-kdab.png
new file mode 100644
index 00000000..99e67295
--- /dev/null
+++ b/styles/LuceeStyle/images/logo-kdab.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c010a10f9fe3b35aed0792cc79d18143dc88aadc083d37bbb7f6ac29438f5486
+size 7211
diff --git a/styles/LuceeStyle/images/logo-luxoft.png b/styles/LuceeStyle/images/logo-luxoft.png
new file mode 100644
index 00000000..285be51f
--- /dev/null
+++ b/styles/LuceeStyle/images/logo-luxoft.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c652e9a0dd609929449ed0ea651fe8aeb2eebe33dde51e0150c74ccd7c385262
+size 15690
diff --git a/styles/LuceeStyle/images/logo-theqtcompany.png b/styles/LuceeStyle/images/logo-theqtcompany.png
new file mode 100644
index 00000000..d36228b3
--- /dev/null
+++ b/styles/LuceeStyle/images/logo-theqtcompany.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:625593cf8b692fa091a5a42cfc8386b59e4eb1b948a187dbdd3e40ffae8f425a
+size 8554
diff --git a/styles/LuceeStyle/images/luxoft-footer.png b/styles/LuceeStyle/images/luxoft-footer.png
new file mode 100644
index 00000000..285be51f
--- /dev/null
+++ b/styles/LuceeStyle/images/luxoft-footer.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c652e9a0dd609929449ed0ea651fe8aeb2eebe33dde51e0150c74ccd7c385262
+size 15690
diff --git a/styles/LuceeStyle/images/panel-inner-shadow-dark.png b/styles/LuceeStyle/images/panel-inner-shadow-dark.png
new file mode 100644
index 00000000..5533d7eb
--- /dev/null
+++ b/styles/LuceeStyle/images/panel-inner-shadow-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:909445c97a756dd44340c2820a25da05b6dd4e543c8f586e47211f8b2dd99904
+size 175
diff --git a/styles/LuceeStyle/images/panel-inner-shadow.png b/styles/LuceeStyle/images/panel-inner-shadow.png
new file mode 100644
index 00000000..a52e197b
--- /dev/null
+++ b/styles/LuceeStyle/images/panel-inner-shadow.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf8c0dd60cfe991ab9b5f60c6b34514b23c7fc102278d2e1369832043e08c2d4
+size 122
diff --git a/styles/LuceeStyle/images/popup-background-9patch.png b/styles/LuceeStyle/images/popup-background-9patch.png
new file mode 100644
index 00000000..69906137
--- /dev/null
+++ b/styles/LuceeStyle/images/popup-background-9patch.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:367726d8eeee7ba96b4ee110e61a08a155912e141ff787d8a2b29c6203ee942b
+size 20508
diff --git a/styles/LuceeStyle/images/popup-title-shadow.png b/styles/LuceeStyle/images/popup-title-shadow.png
new file mode 100644
index 00000000..b75e399a
--- /dev/null
+++ b/styles/LuceeStyle/images/popup-title-shadow.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5104f684f47ed1d380f9f7b8bfdd629f055d8ece79e0f4179059e0ea4926177
+size 117
diff --git a/styles/LuceeStyle/images/tabbar-bg-left-dark.png b/styles/LuceeStyle/images/tabbar-bg-left-dark.png
new file mode 100644
index 00000000..baa75f07
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-left-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2cc5caf283403c0d405fb3709afc9bccb03f291ac0b3d7ac414a7f88f5e4e27c
+size 441
diff --git a/styles/LuceeStyle/images/tabbar-bg-left.png b/styles/LuceeStyle/images/tabbar-bg-left.png
new file mode 100644
index 00000000..ddc91d26
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-left.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b611c7bab9032d91e9a028ddfcb24a0ab6d65bc0a15bc84994ab854499cc5e5f
+size 384
diff --git a/styles/LuceeStyle/images/tabbar-bg-middle-dark.png b/styles/LuceeStyle/images/tabbar-bg-middle-dark.png
new file mode 100644
index 00000000..aad5677f
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-middle-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5a4a36e8d8b0923f9772a66e7701589673e2e054f1f0ac8f72570a20cf917db2
+size 87
diff --git a/styles/LuceeStyle/images/tabbar-bg-middle.png b/styles/LuceeStyle/images/tabbar-bg-middle.png
new file mode 100644
index 00000000..84b2a6fb
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-middle.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:445bc5135e29c40fe8f1c224ae54770a65affc3c4752be8684cfd064ff062258
+size 86
diff --git a/styles/LuceeStyle/images/tabbar-bg-right-dark.png b/styles/LuceeStyle/images/tabbar-bg-right-dark.png
new file mode 100644
index 00000000..7e54bea8
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-right-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dde116b405124456dd1d9aaf3f0fdfc775341dc89cce332bf4e5ead5ee479fe4
+size 424
diff --git a/styles/LuceeStyle/images/tabbar-bg-right.png b/styles/LuceeStyle/images/tabbar-bg-right.png
new file mode 100644
index 00000000..d9332858
--- /dev/null
+++ b/styles/LuceeStyle/images/tabbar-bg-right.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f5ad4b3fa912394482bee5176aadc169ea8dcdd2a8a1b4f6d3ffc7b54e48f29e
+size 353
diff --git a/styles/LuceeStyle/images/temperature-slider-bg.png b/styles/LuceeStyle/images/temperature-slider-bg.png
new file mode 100644
index 00000000..77fc3ca9
--- /dev/null
+++ b/styles/LuceeStyle/images/temperature-slider-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eeb6ac3d93968d0e32aef68599ee471f6ff8fafd1e2708d455d569be96f622f4
+size 4315
diff --git a/styles/LuceeStyle/images/vertical-slider-handle-dark.png b/styles/LuceeStyle/images/vertical-slider-handle-dark.png
new file mode 100644
index 00000000..c13a6135
--- /dev/null
+++ b/styles/LuceeStyle/images/vertical-slider-handle-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fe6c80d79e4e1902dccaba06b916e64d300245600e621e26d0f13ca61b6e80a6
+size 3590
diff --git a/styles/LuceeStyle/images/vertical-slider-handle.png b/styles/LuceeStyle/images/vertical-slider-handle.png
new file mode 100644
index 00000000..ab19782b
--- /dev/null
+++ b/styles/LuceeStyle/images/vertical-slider-handle.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:67b602420892360bd599fabd104d290b217dc38046ecfb5a12a071c84d33bd18
+size 4953
diff --git a/styles/LuceeStyle/images/weather-cloudy.png b/styles/LuceeStyle/images/weather-cloudy.png
new file mode 100644
index 00000000..bfb9bbc7
--- /dev/null
+++ b/styles/LuceeStyle/images/weather-cloudy.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c55354a1a14171afd0d937cf38a6c735b6c664f302778f5851eb61876546a96
+size 16716
diff --git a/styles/LuceeStyle/images/widget-bg-dark.png b/styles/LuceeStyle/images/widget-bg-dark.png
new file mode 100644
index 00000000..9990505a
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-bg-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8080e1c0aa801f57ac465a31a3291614461abd19faabfaddd65b9d0a2f25b859
+size 56959
diff --git a/styles/LuceeStyle/images/widget-bg.png b/styles/LuceeStyle/images/widget-bg.png
new file mode 100644
index 00000000..43d0ae50
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:268d9630fa0d4bc8286b28efd3ef4ecee54cee826491a3bc24ad8329571a1210
+size 23906
diff --git a/styles/LuceeStyle/images/widget-corner-dark.png b/styles/LuceeStyle/images/widget-corner-dark.png
new file mode 100644
index 00000000..aace3ab6
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-corner-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fdf131b2aeeaf8e3aac45b0df2232af99f90dfa5a0cd01b0d54f5f2b2eaf344d
+size 1140
diff --git a/styles/LuceeStyle/images/widget-corner.png b/styles/LuceeStyle/images/widget-corner.png
new file mode 100644
index 00000000..99068874
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-corner.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e30b24f807e39f35f326f2411dc6be3a280cae74ea2a36c6ad97e8fa85b8470
+size 1578
diff --git a/styles/LuceeStyle/images/widget-dragged-bg.png b/styles/LuceeStyle/images/widget-dragged-bg.png
new file mode 100644
index 00000000..f46ba822
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-dragged-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e205293f297dd09867a297756699c7d800e14034a5b9c09633cb854ca64bdf27
+size 20285
diff --git a/styles/LuceeStyle/images/widget-left-section-bg-dark.png b/styles/LuceeStyle/images/widget-left-section-bg-dark.png
new file mode 100644
index 00000000..e95928c8
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-left-section-bg-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:72b1dd603fa7de0d9f748da843307bf52e15e3183aa983b53f026badbebfbc59
+size 4198
diff --git a/styles/LuceeStyle/images/widget-left-section-bg.png b/styles/LuceeStyle/images/widget-left-section-bg.png
new file mode 100644
index 00000000..eabb8767
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-left-section-bg.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fbc8d45f48ed725b76cd3844a91be88c1774f8d8be668cf44b0834a8301e1011
+size 17495
diff --git a/styles/LuceeStyle/images/widget-resize-bottom.png b/styles/LuceeStyle/images/widget-resize-bottom.png
new file mode 100644
index 00000000..f315d153
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-resize-bottom.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4c46235b2e72a892a911dc1ab99f276d11e5d9501c43e73ee9a09b01325984b2
+size 14599
diff --git a/styles/LuceeStyle/images/widget-resize-top.png b/styles/LuceeStyle/images/widget-resize-top.png
new file mode 100644
index 00000000..fb43cc99
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-resize-top.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6766f4e6bb4a6510df811045fcb7c90c20e47a9ad8d73fe56a04bbf494bd862e
+size 173
diff --git a/styles/LuceeStyle/images/widget-stripe.png b/styles/LuceeStyle/images/widget-stripe.png
new file mode 100644
index 00000000..c9ed373e
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-stripe.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dd3f487b9375a2275ba5575b501eaf4d0d2e5ae3307d66da3c7d1fefd32fe441
+size 15403
diff --git a/styles/LuceeStyle/images/widget-window-mask.png b/styles/LuceeStyle/images/widget-window-mask.png
new file mode 100644
index 00000000..82d8990e
--- /dev/null
+++ b/styles/LuceeStyle/images/widget-window-mask.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:973c7211b79c83cffe11eaeb78824d2842637af49ba121174e8b99c846fc491f
+size 4307
diff --git a/styles/LuceeStyle/qmldir b/styles/LuceeStyle/qmldir
new file mode 100644
index 00000000..3baa4da2
--- /dev/null
+++ b/styles/LuceeStyle/qmldir
@@ -0,0 +1,21 @@
+module LuceeStyle
+Button 1.0 Button.qml
+ComboBox 1.0 ComboBox.qml
+Control 1.0 Control.qml
+Dialog 1.0 Dialog.qml
+Frame 1.0 Frame.qml
+ItemDelegate 1.0 ItemDelegate.qml
+Label 1.0 Label.qml
+Page 1.0 Page.qml
+PageIndicator 1.0 PageIndicator.qml
+Pane 1.0 Pane.qml
+ProgressBar 1.0 ProgressBar.qml
+RadioButton 1.0 RadioButton.qml
+ScrollIndicator 1.0 ScrollIndicator.qml
+Slider 1.0 Slider.qml
+Switch 1.0 Switch.qml
+SwitchDelegate 1.0 SwitchDelegate.qml
+TabBar 1.0 TabBar.qml
+TabButton 1.0 TabButton.qml
+ToolBar 1.0 ToolBar.qml
+ToolButton 1.0 ToolButton.qml
diff --git a/styles/LuceeStyle/style.conf b/styles/LuceeStyle/style.conf
new file mode 100644
index 00000000..b5d943eb
--- /dev/null
+++ b/styles/LuceeStyle/style.conf
@@ -0,0 +1,17 @@
+Theme=Light
+
+[Light]
+AccentColor=#fba054
+BackgroundColor=#FFF1EFED
+ButtonColor=#FF969696
+HighlightedButtonColor=#FFCBCAC8
+MainColor=#FFFFFFFF
+OffMainColor=#FFF7F4F2
+AccentDetailColor=#FFCE8042
+ContrastColor=#FF000000
+ClusterMarksColor=#FF916E51
+OpacityLow=0.4
+OpacityMedium=0.6
+OpacityHigh=0.94
+DefaultDisabledOpacity=0.3
+FontFamily="DejaVu Sans"