summaryrefslogtreecommitdiff
path: root/gui/components
diff options
context:
space:
mode:
authorkali kaneko (leap communications) <kali@leap.se>2021-12-08 19:51:42 +0100
committerkali kaneko (leap communications) <kali@leap.se>2021-12-08 19:54:35 +0100
commit68e9db0776225168bbb52d164b05b784466a28d8 (patch)
tree525687324ff88b17522bfec5691799d5677dd497 /gui/components
parent371ee5167ce5e6fccc5a2a159343658f01ba74f7 (diff)
[ui] theming stub
Diffstat (limited to 'gui/components')
-rw-r--r--gui/components/Footer.qml6
-rw-r--r--gui/components/Header.qml2
-rw-r--r--gui/components/Splash.qml2
-rw-r--r--gui/components/StatusBox.qml6
-rw-r--r--gui/components/ThemedPage.qml2
-rw-r--r--gui/components/VPNState.qml8
6 files changed, 13 insertions, 13 deletions
diff --git a/gui/components/Footer.qml b/gui/components/Footer.qml
index 0c772ef..e6eb264 100644
--- a/gui/components/Footer.qml
+++ b/gui/components/Footer.qml
@@ -8,8 +8,8 @@ import "../themes/themes.js" as Theme
ToolBar {
- Material.background: Theme.bgColor
- Material.foreground: "black"
+ Material.background: customTheme.bgColor
+ Material.foreground: "black" // TODO customize too
Material.elevation: 0
visible: isFooterVisible()
@@ -20,7 +20,7 @@ ToolBar {
ToolButton {
id: gwButton
- visible: hasMultipleGateways()
+ visible: true
anchors {
verticalCenter: parent.verticalCenter
diff --git a/gui/components/Header.qml b/gui/components/Header.qml
index d42ea26..ee2d886 100644
--- a/gui/components/Header.qml
+++ b/gui/components/Header.qml
@@ -8,7 +8,7 @@ import "../themes/themes.js" as Theme
ToolBar {
visible: stackView.depth > 1
Material.foreground: Material.Black
- Material.background: Theme.bgColor
+ Material.background: customTheme.bgColor
Material.elevation: 0
contentHeight: settingsButton.implicitHeight
diff --git a/gui/components/Splash.qml b/gui/components/Splash.qml
index 1bbb412..5e62ad9 100644
--- a/gui/components/Splash.qml
+++ b/gui/components/Splash.qml
@@ -84,7 +84,7 @@ Page {
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 50
- source: "../resources/icon-noshield.svg"
+ source: customTheme.iconSplash
fillMode: Image.PreserveAspectFit
}
diff --git a/gui/components/StatusBox.qml b/gui/components/StatusBox.qml
index 1d3d720..23fc271 100644
--- a/gui/components/StatusBox.qml
+++ b/gui/components/StatusBox.qml
@@ -19,13 +19,13 @@ Item {
}
Rectangle {
- color: Theme.bgColor
+ color: customTheme.bgColor
anchors.fill: parent
}
Rectangle {
id: statusBoxBackground
- color: Theme.fgColor
+ color: customTheme.fgColor
height: 300
radius: 10
antialiasing: true
@@ -110,7 +110,7 @@ Item {
id: connectionImage
height: 160
speed: 0.8
- source: "../resources/icon-noshield.svg"
+ source: customTheme.iconOff
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
OpacityAnimator on opacity{
diff --git a/gui/components/ThemedPage.qml b/gui/components/ThemedPage.qml
index f7ee647..ae358cd 100644
--- a/gui/components/ThemedPage.qml
+++ b/gui/components/ThemedPage.qml
@@ -5,7 +5,7 @@ import "../themes/themes.js" as Theme
Page {
Rectangle {
- color: Theme.bgColor
+ color: customTheme.bgColor
anchors.fill: parent
}
}
diff --git a/gui/components/VPNState.qml b/gui/components/VPNState.qml
index 4cacf2f..eeeb51d 100644
--- a/gui/components/VPNState.qml
+++ b/gui/components/VPNState.qml
@@ -31,7 +31,7 @@ StateGroup {
}
PropertyChanges {
target: connectionImage
- source: "../resources/ravens.gif"
+ source: customTheme.iconConnecting
anchors.horizontalCenter: parent.horizontalCenter
}
PropertyChanges {
@@ -63,7 +63,7 @@ StateGroup {
}
PropertyChanges {
target: connectionImage
- source: "../resources/icon-noshield.svg"
+ source: customTheme.iconOff
}
PropertyChanges {
target: toggleVPN
@@ -96,7 +96,7 @@ StateGroup {
}
PropertyChanges {
target: connectionImage
- source: "../resources/riseup-icon.svg"
+ source: customTheme.iconOn
}
PropertyChanges {
target: toggleVPN
@@ -130,7 +130,7 @@ StateGroup {
}
PropertyChanges {
target: connectionImage
- source: "../resources/ravens.gif"
+ source: customTheme.iconConnecting
anchors.horizontalCenter: parent.horizontalCenter
}
PropertyChanges {