diff --git a/gui/components/Footer.qml b/gui/components/Footer.qml index 7658fa16f744111c60facc595dd392525b49d38c..893f4cfe6bf76c07cc0618b944da8d364d1638ee 100644 --- a/gui/components/Footer.qml +++ b/gui/components/Footer.qml @@ -23,10 +23,16 @@ ToolBar { visible: hasMultipleGateways() anchors { verticalCenter: parent.verticalCenter - leftMargin: 10 + leftMargin: 20 left: parent.left verticalCenterOffset: 5 } + /* + background.implicitHeight: 32 + background.implicitWidth: 32 + */ + icon.width: 20 + icon.height: 20 icon.source: stackView.depth > 1 ? "" : "../resources/globe.svg" onClicked: stackView.push("Locations.qml") } @@ -35,7 +41,7 @@ ToolBar { id: locationLabel anchors.left: gwButton.right anchors.verticalCenter: parent.verticalCenter - anchors.verticalCenterOffset: 5 + anchors.verticalCenterOffset: 7 text: locationStr() color: getLocationColor() } diff --git a/gui/components/MaterialButton.qml b/gui/components/MaterialButton.qml index 25911f33c1310d6d1ace8c402941c7bfbdb86298..7fe04d9f4a8b135c1d8f69628f7bc71f1a86ff5e 100644 --- a/gui/components/MaterialButton.qml +++ b/gui/components/MaterialButton.qml @@ -5,6 +5,8 @@ import QtQuick.Controls.impl 2.12 import QtQuick.Controls.Material 2.12 import QtQuick.Controls.Material.impl 2.12 +import "../themes/themes.js" as Theme + T.Button { id: control @@ -42,13 +44,13 @@ T.Button { } background: Rectangle { - implicitWidth: 64 + implicitWidth: 68 implicitHeight: control.Material.buttonHeight radius: 4 border.color: "black" border.width: 1 - color: !control.enabled ? control.Material.buttonDisabledColor : control.highlighted ? control.Material.highlightedButtonColor : control.Material.buttonColor + color: !control.enabled ? control.Material.buttonDisabledColor : control.highlighted ? control.Material.highlightedButtonColor : Theme.buttonColor PaddedRectangle { y: parent.height - 4 diff --git a/gui/components/Splash.qml b/gui/components/Splash.qml index 0529d765628cbfc28dc4a855d1150be1a72088ea..8cc9bd921ce241ae8e2d0a69dbc18bcce8f8d362 100644 --- a/gui/components/Splash.qml +++ b/gui/components/Splash.qml @@ -27,7 +27,7 @@ Page { VerticalSpacer { visible: true - height: root.height * 0.10 + height: root.height * 0.22 } ProgressBar { diff --git a/gui/components/StatusBox.qml b/gui/components/StatusBox.qml index a3a5c182a013ea7d4730754050f3da616ac01f2d..2f56faf63b94840f1f2f3623d6d8cc492ab49de2 100644 --- a/gui/components/StatusBox.qml +++ b/gui/components/StatusBox.qml @@ -43,14 +43,14 @@ Item { ToolButton { id: settingsButton objectName: "settingsButton" - font.pixelSize: Qt.application.font.pixelSize * 1.2 + font.pixelSize: Qt.application.font.pixelSize * 1.6 opacity: 1 anchors { top: parent.top left: parent.left - topMargin: Theme.windowMargin + 10 - leftMargin: Theme.windowMargin + 10 + topMargin: Theme.windowMargin + 5 + leftMargin: Theme.windowMargin + 5 } onClicked: { @@ -102,7 +102,7 @@ Item { Image { id: connectionImage height: 160 - source: "../resources/spy.gif" + source: "../resources/icon-noshield.svg" anchors.horizontalCenter: parent.horizontalCenter fillMode: Image.PreserveAspectFit } @@ -121,6 +121,7 @@ Item { Layout.alignment: Qt.AlignBottom font { + pixelSize: Theme.buttonFontSize capitalization: Font.Capitalize family: lightFont.name bold: false diff --git a/gui/components/VPNState.qml b/gui/components/VPNState.qml index 5e659a928be4304c270151332a846bb5b0ee0cec..d92065a1b30464f1dca9135f469818310560fd3f 100644 --- a/gui/components/VPNState.qml +++ b/gui/components/VPNState.qml @@ -61,7 +61,7 @@ StateGroup { } PropertyChanges { target: connectionImage - source: "../resources/spy.gif" + source: "../resources/icon-noshield.svg" } PropertyChanges { target: toggleVPN diff --git a/gui/themes/themes.js b/gui/themes/themes.js index c04ef24b6eda6236375a93f4dc473dd5a3dad95b..0e9293aaf1c1c46cff9114910f8f5215137e496e 100644 --- a/gui/themes/themes.js +++ b/gui/themes/themes.js @@ -48,6 +48,9 @@ const blueButton = { "focusBorder": blueFocusBorder, }; +const buttonFontSize = 20; +const buttonColor = "#eeeeee"; + const bgColor = "#f3f3f3"; const fgColor = "#ffffff";