mirrors/nextcloud-desktop
1
0
Fork 0
mirror of https://github.com/nextcloud/desktop.git synced 2024-11-26 15:06:08 +03:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #5715 from nextcloud/bugfix/fix-activities

Browse source 
Fix tray styling
This commit is contained in:
Matthieu Gallien 2023-05-30 10:39:44 +02:00 committed by GitHub
commit 34792e080c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
52 changed files with 365 additions and 365 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/gui/BasicComboBox.qml
View file

@ -30,7 +30,7 @@ ComboBox {
background: Rectangle { background: Rectangle {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
color: Style.buttonBackgroundColor color: palette.button
opacity: clearComboBox.hovered ? Style.hoverOpacity : 1.0 opacity: clearComboBox.hovered ? Style.hoverOpacity : 1.0
} }
@ -39,7 +39,6 @@ ComboBox {
rightPadding: clearComboBox.indicator.width + clearComboBox.spacing rightPadding: clearComboBox.indicator.width + clearComboBox.spacing
text: clearComboBox.displayText text: clearComboBox.displayText
color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight elide: Text.ElideRight
} }
@ -50,13 +49,13 @@ ComboBox {
anchors.verticalCenter: clearComboBox.verticalCenter anchors.verticalCenter: clearComboBox.verticalCenter
cached: true cached: true
color: Style.ncTextColor
width: source.width width: source.width
height: source.height height: source.height
source: Image { source: Image {
horizontalAlignment: Qt.AlignRight horizontalAlignment: Qt.AlignRight
verticalAlignment: Qt.AlignVCenter verticalAlignment: Qt.AlignVCenter
source: "qrc:///client/theme/white/caret-down.svg" source: "image://svgimage-custom-color/caret-down.svg/" + palette.windowText
sourceSize.width: Style.accountDropDownCaretSize sourceSize.width: Style.accountDropDownCaretSize
sourceSize.height: Style.accountDropDownCaretSize sourceSize.height: Style.accountDropDownCaretSize
Accessible.role: Accessible.PopupMenu Accessible.role: Accessible.PopupMenu
@ -80,8 +79,8 @@ ComboBox {
} }
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.toolTipBase
border.color: Style.menuBorder border.color: palette.dark
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
} }
} }
@ -92,13 +91,9 @@ ComboBox {
width: clearComboBox.width width: clearComboBox.width
contentItem: EnforcedPlainTextLabel { contentItem: EnforcedPlainTextLabel {
text: modelData.display text: modelData.display
color: Style.ncTextColor
elide: Text.ElideRight elide: Text.ElideRight
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
} }
highlighted: clearComboBox.highlightedIndex === index highlighted: clearComboBox.highlightedIndex === index
background: Rectangle {
color: clearStatusDelegate.highlighted || clearStatusDelegate.hovered ? Style.lightHover : Style.backgroundColor
}
} }
} }

18
src/gui/EmojiPicker.qml
View file

@ -50,8 +50,12 @@ ColumnLayout {
height: headerLayout.height height: headerLayout.height
background: Rectangle { background: Rectangle {
color: Style.lightHover color: palette.highlight
visible: ListView.isCurrentItem || headerDelegate.highlighted || headerDelegate.checked || headerDelegate.down || headerDelegate.hovered visible: ListView.isCurrentItem ||
headerDelegate.highlighted ||
headerDelegate.checked ||
headerDelegate.down ||
headerDelegate.hovered
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
} }
@ -59,7 +63,6 @@ ColumnLayout {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
text: emoji text: emoji
color: Style.ncTextColor
} }
Rectangle { Rectangle {
@ -70,7 +73,7 @@ ColumnLayout {
visible: ListView.isCurrentItem visible: ListView.isCurrentItem
color: Style.menuBorder color: palette.dark
} }
@ -84,7 +87,7 @@ ColumnLayout {
Rectangle { Rectangle {
height: Style.normalBorderWidth height: Style.normalBorderWidth
Layout.fillWidth: true Layout.fillWidth: true
color: Style.menuBorder color: palette.dark
} }
GridView { GridView {
@ -109,7 +112,7 @@ ColumnLayout {
height: metrics.height * 2 height: metrics.height * 2
background: Rectangle { background: Rectangle {
color: Style.lightHover color: palette.highlight
visible: ListView.isCurrentItem || emojiDelegate.highlighted || emojiDelegate.checked || emojiDelegate.down || emojiDelegate.hovered visible: ListView.isCurrentItem || emojiDelegate.highlighted || emojiDelegate.checked || emojiDelegate.down || emojiDelegate.hovered
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
} }
@ -118,7 +121,6 @@ ColumnLayout {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
text: modelData === undefined ? "" : modelData.unicode text: modelData === undefined ? "" : modelData.unicode
color: Style.ncTextColor
} }
onClicked: { onClicked: {
@ -132,7 +134,7 @@ ColumnLayout {
width: parent.width * 0.8 width: parent.width * 0.8
anchors.centerIn: parent anchors.centerIn: parent
text: qsTr("No recent emojis") text: qsTr("No recent emojis")
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
font.bold: true font.bold: true
visible: emojiView.count === 0 visible: emojiView.count === 0

4
src/gui/ErrorBox.qml
View file

@ -59,7 +59,6 @@ Item {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
Layout.fillWidth: true Layout.fillWidth: true
color: Style.ncTextColor
font.bold: true font.bold: true
text: qsTr("Error") text: qsTr("Error")
visible: errorBox.showCloseButton visible: errorBox.showCloseButton
@ -70,7 +69,7 @@ Item {
Layout.preferredHeight: Style.iconButtonWidth Layout.preferredHeight: Style.iconButtonWidth
background: null background: null
icon.color: Style.ncTextColor icon.color: palette.buttonText
icon.source: "qrc:///client/theme/close.svg" icon.source: "qrc:///client/theme/close.svg"
visible: errorBox.showCloseButton visible: errorBox.showCloseButton
@ -86,7 +85,6 @@ Item {
Layout.fillHeight: true Layout.fillHeight: true
Layout.columnSpan: 2 Layout.columnSpan: 2
color: Style.ncTextColor
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
text: errorBox.text text: errorBox.text
} }

5
src/gui/PredefinedStatusButton.qml
View file

@ -35,7 +35,7 @@ AbstractButton {
property string clearAtText: "" property string clearAtText: ""
background: Rectangle { background: Rectangle {
color: root.hovered || root.checked ? Style.lightHover : "transparent" color: root.hovered || root.checked ? palette.highlight : "transparent"
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
} }
@ -53,20 +53,17 @@ AbstractButton {
spacing: Style.smallSpacing spacing: Style.smallSpacing
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
text: root.statusText text: root.statusText
color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
font.bold: true font.bold: true
} }
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
text: "-" text: "-"
color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
} }
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
text: root.clearAtText text: root.clearAtText
color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
} }
} }

26
src/gui/ResolveConflictsDialog.qml
View file

@ -22,7 +22,7 @@ import Style 1.0
import com.nextcloud.desktopclient 1.0 import com.nextcloud.desktopclient 1.0
import "./tray" import "./tray"
QtWindow.Window { ApplicationWindow {
id: conflictsDialog id: conflictsDialog
required property var allConflicts required property var allConflicts
@ -36,6 +36,26 @@ QtWindow.Window {
minimumHeight: Style.minimumHeightResolveConflictsDialog minimumHeight: Style.minimumHeightResolveConflictsDialog
title: qsTr('Solve sync conflicts') title: qsTr('Solve sync conflicts')
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
brightText: Style.ncTextBrightColor
highlight: Style.lightHover
highlightedText: Style.ncTextColor
light: Style.lightHover
midlight: Style.ncSecondaryTextColor
mid: Style.darkerHover
dark: Style.menuBorder
button: Style.buttonBackgroundColor
window: Style.backgroundColor
base: Style.backgroundColor
toolTipBase: Style.backgroundColor
toolTipText: Style.ncTextColor
}
onClosing: function(close) { onClosing: function(close) {
Systray.destroyDialog(self); Systray.destroyDialog(self);
close.accepted = true close.accepted = true
@ -110,7 +130,7 @@ QtWindow.Window {
Layout.fillWidth: true Layout.fillWidth: true
Layout.leftMargin: 5 Layout.leftMargin: 5
Layout.rightMargin: 5 Layout.rightMargin: 5
color: Style.menuBorder color: palette.dark
height: 1 height: 1
} }
@ -167,7 +187,7 @@ QtWindow.Window {
} }
Rectangle { Rectangle {
color: Theme.systemPalette.window color: Style.backgroundColor
anchors.fill: parent anchors.fill: parent
z: 1 z: 1
} }

26
src/gui/UserStatusSelector.qml
View file

@ -38,7 +38,6 @@ ColumnLayout {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
font.bold: true font.bold: true
text: qsTr("Online status") text: qsTr("Online status")
color: Style.ncTextColor
} }
GridLayout { GridLayout {
@ -123,7 +122,6 @@ ColumnLayout {
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
font.bold: true font.bold: true
text: qsTr("Status message") text: qsTr("Status message")
color: Style.ncTextColor
} }
RowLayout { RowLayout {
@ -146,13 +144,13 @@ ColumnLayout {
padding: 0 padding: 0
z: hovered ? 2 : 0 // Make sure highlight is seen on top of text field z: hovered ? 2 : 0 // Make sure highlight is seen on top of text field
property color borderColor: showBorder ? Style.ncBlue : Style.menuBorder property color borderColor: showBorder ? Style.ncBlue : palette.dark
// We create the square with only the top-left and bottom-left rounded corners // We create the square with only the top-left and bottom-left rounded corners
// by overlaying different rectangles on top of each other // by overlaying different rectangles on top of each other
background: Rectangle { background: Rectangle {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
color: Style.buttonBackgroundColor color: palette.button
border.color: fieldButton.borderColor border.color: fieldButton.borderColor
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
@ -161,7 +159,7 @@ ColumnLayout {
anchors.leftMargin: parent.width / 2 anchors.leftMargin: parent.width / 2
anchors.rightMargin: -1 anchors.rightMargin: -1
z: 1 z: 1
color: Style.buttonBackgroundColor color: palette.button
border.color: fieldButton.borderColor border.color: fieldButton.borderColor
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
} }
@ -173,7 +171,7 @@ ColumnLayout {
anchors.topMargin: Style.normalBorderWidth anchors.topMargin: Style.normalBorderWidth
anchors.bottomMargin: Style.normalBorderWidth anchors.bottomMargin: Style.normalBorderWidth
z: 2 z: 2
color: Style.buttonBackgroundColor color: palette.button
} }
} }
} }
@ -187,9 +185,9 @@ ColumnLayout {
anchors.centerIn: Overlay.overlay anchors.centerIn: Overlay.overlay
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.toolTipBase
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
border.color: Style.menuBorder border.color: palette.dark
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
} }
@ -206,22 +204,21 @@ ColumnLayout {
TextField { TextField {
id: userStatusMessageTextField id: userStatusMessageTextField
property color borderColor: activeFocus ? Style.ncBlue : Style.menuBorder property color borderColor: activeFocus ? Style.ncBlue : palette.dark
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: contentHeight + (Style.smallSpacing * 2) Layout.preferredHeight: contentHeight + (Style.smallSpacing * 2)
placeholderText: qsTr("What is your status?") placeholderText: qsTr("What is your status?")
placeholderTextColor: Style.ncSecondaryTextColor placeholderTextColor: palette.midlight
text: userStatusSelectorModel.userStatusMessage text: userStatusSelectorModel.userStatusMessage
color: Style.ncTextColor
verticalAlignment: TextInput.AlignVCenter verticalAlignment: TextInput.AlignVCenter
selectByMouse: true selectByMouse: true
onEditingFinished: userStatusSelectorModel.userStatusMessage = text onEditingFinished: userStatusSelectorModel.userStatusMessage = text
background: Rectangle { background: Rectangle {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
color: Style.backgroundColor color: palette.base
border.color: userStatusMessageTextField.borderColor border.color: userStatusMessageTextField.borderColor
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
@ -229,7 +226,7 @@ ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.rightMargin: parent.width / 2 anchors.rightMargin: parent.width / 2
z: 1 z: 1
color: Style.backgroundColor color: palette.base
border.color: userStatusMessageTextField.borderColor border.color: userStatusMessageTextField.borderColor
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
} }
@ -241,7 +238,7 @@ ColumnLayout {
anchors.topMargin: Style.normalBorderWidth anchors.topMargin: Style.normalBorderWidth
anchors.bottomMargin: Style.normalBorderWidth anchors.bottomMargin: Style.normalBorderWidth
z: 2 z: 2
color: Style.backgroundColor color: palette.base
} }
} }
} }
@ -285,7 +282,6 @@ ColumnLayout {
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
text: qsTr("Clear status message after") text: qsTr("Clear status message after")
color: Style.ncTextColor
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }

6
src/gui/UserStatusSelectorButton.qml
View file

@ -34,7 +34,7 @@ AbstractButton {
background: Rectangle { background: Rectangle {
radius: root.primary ? Style.veryRoundedButtonRadius : Style.mediumRoundedButtonRadius radius: root.primary ? Style.veryRoundedButtonRadius : Style.mediumRoundedButtonRadius
color: root.colored ? Style.ncBlue : Style.buttonBackgroundColor color: root.colored ? Style.ncBlue : palette.button
opacity: root.colored && root.hovered ? Style.hoverOpacity : 1.0 opacity: root.colored && root.hovered ? Style.hoverOpacity : 1.0
border.color: Style.ncBlue border.color: Style.ncBlue
border.width: root.showBorder ? root.primary ? Style.normalBorderWidth : Style.thickBorderWidth : 0 border.width: root.showBorder ? root.primary ? Style.normalBorderWidth : Style.thickBorderWidth : 0
@ -71,7 +71,7 @@ AbstractButton {
text: root.text text: root.text
wrapMode: Text.Wrap wrapMode: Text.Wrap
color: root.colored ? Style.ncHeaderTextColor : Style.ncTextColor color: root.colored ? palette.brightText : palette.buttonText
font.bold: root.primary font.bold: root.primary
} }
@ -85,7 +85,7 @@ AbstractButton {
text: root.secondaryText text: root.secondaryText
wrapMode: Text.Wrap wrapMode: Text.Wrap
color: Style.ncSecondaryTextColor color: palette.midlight
visible: root.secondaryText !== "" visible: root.secondaryText !== ""
} }
} }

2
src/gui/UserStatusSelectorPage.qml
View file

@ -32,7 +32,7 @@ Page {
padding: Style.standardSpacing * 2 padding: Style.standardSpacing * 2
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.window
radius: Style.trayWindowRadius radius: Style.trayWindowRadius
} }

14
src/gui/filedetails/FileDetailsPage.qml
View file

@ -64,7 +64,7 @@ Page {
bottomPadding: intendedPadding bottomPadding: intendedPadding
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.window
visible: root.backgroundsVisible visible: root.backgroundsVisible
} }
@ -121,7 +121,6 @@ Page {
Layout.rightMargin: headerGridLayout.textRightMargin Layout.rightMargin: headerGridLayout.textRightMargin
text: root.fileDetails.name text: root.fileDetails.name
color: Style.ncTextColor
font.bold: true font.bold: true
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }
@ -134,8 +133,8 @@ Page {
Layout.preferredHeight: width Layout.preferredHeight: width
Layout.rightMargin: headerGridLayout.textRightMargin Layout.rightMargin: headerGridLayout.textRightMargin
icon.source: "image://svgimage-custom-color/clear.svg" + "/" + Style.ncTextColor icon.source: "image://svgimage-custom-color/clear.svg" + "/" + palette.buttonText
bgColor: Style.lightHover bgColor: palette.highlight
bgNormalOpacity: 0 bgNormalOpacity: 0
toolTipText: qsTr("Dismiss") toolTipText: qsTr("Dismiss")
@ -151,7 +150,7 @@ Page {
Layout.rightMargin: headerGridLayout.textRightMargin Layout.rightMargin: headerGridLayout.textRightMargin
text: `${root.fileDetails.sizeString} · ${root.fileDetails.lastChangedString}` text: `${root.fileDetails.sizeString} · ${root.fileDetails.lastChangedString}`
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }
@ -162,7 +161,7 @@ Page {
Layout.rightMargin: headerGridLayout.textRightMargin Layout.rightMargin: headerGridLayout.textRightMargin
text: root.fileDetails.lockExpireString text: root.fileDetails.lockExpireString
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
visible: headerGridLayout.showFileLockedString visible: headerGridLayout.showFileLockedString
} }
@ -219,9 +218,6 @@ Page {
Layout.rightMargin: root.intendedPadding Layout.rightMargin: root.intendedPadding
padding: 0 padding: 0
background: Rectangle {
color: Style.backgroundColor
}
NCTabButton { NCTabButton {
svgCustomColorSource: "image://svgimage-custom-color/activity.svg" svgCustomColorSource: "image://svgimage-custom-color/activity.svg"

2
src/gui/filedetails/FileDetailsView.qml
View file

@ -30,7 +30,7 @@ StackView {
property bool backgroundsVisible: true property bool backgroundsVisible: true
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.window
visible: root.backgroundsVisible visible: root.backgroundsVisible
} }

20
src/gui/filedetails/FileDetailsWindow.qml
View file

@ -33,6 +33,26 @@ ApplicationWindow {
title: qsTr("File details of %1 · %2").arg(fileDetailsPage.fileDetails.name).arg(Systray.windowTitle) title: qsTr("File details of %1 · %2").arg(fileDetailsPage.fileDetails.name).arg(Systray.windowTitle)
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
brightText: Style.ncTextBrightColor
highlight: Style.lightHover
highlightedText: Style.ncTextColor
light: Style.lightHover
midlight: Style.ncSecondaryTextColor
mid: Style.darkerHover
dark: Style.menuBorder
button: Style.buttonBackgroundColor
window: Style.backgroundColor
base: Style.backgroundColor
toolTipBase: Style.backgroundColor
toolTipText: Style.ncTextColor
}
FileDetailsView { FileDetailsView {
id: fileDetailsPage id: fileDetailsPage
anchors.fill: parent anchors.fill: parent

4
src/gui/filedetails/FileTag.qml
View file

@ -21,13 +21,13 @@ EnforcedPlainTextLabel {
id: internalLabel id: internalLabel
background: Rectangle { background: Rectangle {
border.color: Style.lightHover border.color: palette.dark
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
radius: Style.veryRoundedButtonRadius radius: Style.veryRoundedButtonRadius
color: "transparent" color: "transparent"
} }
color: Style.ncSecondaryTextColor color: palette.midlight
elide: Text.ElideRight elide: Text.ElideRight
padding: Style.smallSpacing padding: Style.smallSpacing
} }

9
src/gui/filedetails/NCInputTextEdit.qml
View file

@ -22,12 +22,11 @@ import Style 1.0
TextEdit { TextEdit {
id: root id: root
property color accentColor: Style.ncBlue readonly property color accentColor: Style.ncBlue
property color secondaryColor: Style.menuBorder readonly property color secondaryColor: palette.dark
property alias submitButton: submitButton readonly property alias submitButton: submitButton
clip: true clip: true
color: Style.ncTextColor
textMargin: Style.smallSpacing textMargin: Style.smallSpacing
wrapMode: TextEdit.Wrap wrapMode: TextEdit.Wrap
selectByMouse: true selectByMouse: true
@ -39,7 +38,7 @@ TextEdit {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
border.color: root.activeFocus ? root.accentColor : root.secondaryColor border.color: root.activeFocus ? root.accentColor : root.secondaryColor
color: Style.backgroundColor color: palette.base
z: -1 z: -1
} }

10
src/gui/filedetails/NCInputTextField.qml
View file

@ -22,13 +22,11 @@ import Style 1.0
TextField { TextField {
id: root id: root
property color accentColor: Style.ncBlue readonly property color accentColor: Style.ncBlue
property color secondaryColor: Style.menuBorder readonly property color secondaryColor: palette.dark
property alias submitButton: submitButton readonly property alias submitButton: submitButton
implicitHeight: Style.talkReplyTextFieldPreferredHeight implicitHeight: Style.talkReplyTextFieldPreferredHeight
color: Style.ncTextColor
placeholderTextColor: secondaryColor
rightPadding: submitButton.width rightPadding: submitButton.width
@ -39,7 +37,7 @@ TextField {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
border.color: root.activeFocus ? root.accentColor : root.secondaryColor border.color: root.activeFocus ? root.accentColor : root.secondaryColor
color: Style.backgroundColor color: palette.base
} }
Button { Button {

9
src/gui/filedetails/NCRadioButton.qml
View file

@ -18,10 +18,10 @@ import Style 1.0
RadioButton { RadioButton {
id: root id: root
property int indicatorItemWidth: Style.radioButtonIndicatorSize property int indicatorItemWidth: Style.radioButtonIndicatorSize
property int indicatorItemHeight: Style.radioButtonIndicatorSize property int indicatorItemHeight: Style.radioButtonIndicatorSize
property string color: Style.ncTextColor property int radius: Style.radioButtonCustomRadius
readonly property int radius: Style.radioButtonCustomRadius
indicator: Rectangle { indicator: Rectangle {
implicitWidth: root.indicatorItemWidth implicitWidth: root.indicatorItemWidth
@ -30,12 +30,13 @@ RadioButton {
anchors.left: parent.left anchors.left: parent.left
anchors.leftMargin: Style.radioButtonCustomMarginLeftOuter anchors.leftMargin: Style.radioButtonCustomMarginLeftOuter
radius: root.radius radius: root.radius
border.color: root.color border.color: palette.dark
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
visible: root.checked visible: root.checked
color: root.color color: palette.buttonText
radius: root.radius radius: root.radius
anchors.margins: Style.radioButtonCustomMarginLeftInner anchors.margins: Style.radioButtonCustomMarginLeftInner
} }

6
src/gui/filedetails/NCTabButton.qml
View file

@ -29,13 +29,13 @@ TabButton {
padding: Style.smallSpacing padding: Style.smallSpacing
background: Rectangle { background: Rectangle {
radius: Style.slightlyRoundedButtonRadius radius: Style.slightlyRoundedButtonRadius
color: tabButton.pressed ? Style.lightHover : Style.backgroundColor color: tabButton.pressed ? palette.highlight : palette.window
} }
contentItem: ColumnLayout { contentItem: ColumnLayout {
id: tabButtonLayout id: tabButtonLayout
property var elementColors: tabButton.checked || tabButton.hovered ? Style.ncTextColor : Style.ncSecondaryTextColor property var elementColors: tabButton.checked || tabButton.hovered ? palette.buttonText : palette.midlight
// We'd like to just set the height of the Image, but this causes crashing. // We'd like to just set the height of the Image, but this causes crashing.
// So we use a wrapping Item and use anchors to adjust the size. // So we use a wrapping Item and use anchors to adjust the size.
@ -82,7 +82,7 @@ TabButton {
implicitWidth: textWidth + Style.standardSpacing * 2 implicitWidth: textWidth + Style.standardSpacing * 2
implicitHeight: 2 implicitHeight: 2
color: tabButton.checked ? Style.ncBlue : tabButton.hovered ? Style.lightHover : "transparent" color: tabButton.checked ? Style.ncBlue : tabButton.hovered ? palette.highlight : "transparent"
} }
} }
} }

27
src/gui/filedetails/ShareDelegate.qml
View file

@ -126,7 +126,6 @@ GridLayout {
Layout.rowSpan: root.rows Layout.rowSpan: root.rows
text: root.text text: root.text
color: Style.ncTextColor
elide: Text.ElideRight elide: Text.ElideRight
} }
@ -139,7 +138,7 @@ GridLayout {
Layout.column: 1 Layout.column: 1
text: root.detailText text: root.detailText
color: Style.ncSecondaryTextColor color: palette.midlight
elide: Text.ElideRight elide: Text.ElideRight
visible: text !== "" visible: text !== ""
} }
@ -161,10 +160,12 @@ GridLayout {
toolTipText: qsTr("Create a new share link") toolTipText: qsTr("Create a new share link")
bgColor: Style.lightHover bgColor: palette.highlight
bgNormalOpacity: 0 bgNormalOpacity: 0
icon.source: "image://svgimage-custom-color/add.svg/" + Style.ncTextColor icon.source: "image://svgimage-custom-color/add.svg/" + palette.buttonText
icon.width: Style.smallIconSize
icon.height: Style.smallIconSize
visible: (root.isPlaceholderLinkShare || root.isSecureFileDropPlaceholderLinkShare) && root.canCreateLinkShares visible: (root.isPlaceholderLinkShare || root.isSecureFileDropPlaceholderLinkShare) && root.canCreateLinkShares
enabled: visible enabled: visible
@ -194,15 +195,15 @@ GridLayout {
toolTipText: qsTr("Copy share link location") toolTipText: qsTr("Copy share link location")
text: shareLinkCopied ? qsTr("Copied!") : "" text: shareLinkCopied ? qsTr("Copied!") : ""
textColor: Style.ncHeaderTextColor textColor: palette.brightText
contentsFont.bold: true contentsFont.bold: true
bgColor: shareLinkCopied ? Style.positiveColor : Style.lightHover bgColor: shareLinkCopied ? Style.positiveColor : palette.highlight
bgNormalOpacity: shareLinkCopied ? 1 : 0 bgNormalOpacity: shareLinkCopied ? 1 : 0
icon.source: shareLinkCopied ? "image://svgimage-custom-color/copy.svg/" + Style.ncHeaderTextColor : icon.source: shareLinkCopied ? "image://svgimage-custom-color/copy.svg/" + palette.brightText :
"image://svgimage-custom-color/copy.svg/" + Style.ncTextColor "image://svgimage-custom-color/copy.svg/" + palette.buttonText
icon.width: 16 icon.width: Style.smallIconSize
icon.height: 16 icon.height: Style.smallIconSize
visible: root.isLinkShare || root.isInternalLinkShare visible: root.isLinkShare || root.isInternalLinkShare
enabled: visible enabled: visible
@ -242,10 +243,12 @@ GridLayout {
toolTipText: qsTr("Share options") toolTipText: qsTr("Share options")
bgColor: Style.lightHover bgColor: palette.highlight
bgNormalOpacity: 0 bgNormalOpacity: 0
icon.source: "image://svgimage-custom-color/more.svg/" + Style.ncTextColor icon.source: "image://svgimage-custom-color/more.svg/" + palette.buttonText
icon.width: Style.smallIconSize
icon.height: Style.smallIconSize
visible: !root.isPlaceholderLinkShare && !root.isSecureFileDropPlaceholderLinkShare && !root.isInternalLinkShare visible: !root.isPlaceholderLinkShare && !root.isSecureFileDropPlaceholderLinkShare && !root.isInternalLinkShare
enabled: visible enabled: visible

78
src/gui/filedetails/ShareDetailsPage.qml
View file

@ -160,23 +160,8 @@ Page {
padding: Style.standardSpacing * 2 padding: Style.standardSpacing * 2
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
light: Style.lightHover
midlight: Style.lightHover
mid: Style.ncSecondaryTextColor
dark: Style.menuBorder
button: Style.menuBorder
window: Style.backgroundColor
base: Style.backgroundColor
}
background: Rectangle { background: Rectangle {
color: Style.backgroundColor color: palette.window
visible: root.backgroundsVisible visible: root.backgroundsVisible
} }
@ -217,7 +202,6 @@ Page {
Layout.fillWidth: true Layout.fillWidth: true
text: qsTr("Edit share") text: qsTr("Edit share")
color: Style.ncTextColor
font.bold: true font.bold: true
elide: Text.ElideRight elide: Text.ElideRight
} }
@ -230,8 +214,8 @@ Page {
Layout.preferredHeight: width Layout.preferredHeight: width
Layout.rightMargin: root.padding Layout.rightMargin: root.padding
icon.source: "image://svgimage-custom-color/clear.svg" + "/" + Style.ncTextColor icon.source: "image://svgimage-custom-color/clear.svg" + "/" + palette.buttonText
bgColor: Style.lightHover bgColor: palette.highlight
bgNormalOpacity: 0 bgNormalOpacity: 0
toolTipText: qsTr("Dismiss") toolTipText: qsTr("Dismiss")
@ -245,7 +229,7 @@ Page {
Layout.rightMargin: root.padding Layout.rightMargin: root.padding
text: root.fileDetails.name text: root.fileDetails.name
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }
} }
@ -258,10 +242,10 @@ Page {
ColumnLayout { ColumnLayout {
id: moreMenu id: moreMenu
property int rowIconWidth: 16 readonly property int rowIconWidth: Style.smallIconSize
property int indicatorItemWidth: 20 readonly property int indicatorItemWidth: 20
property int indicatorSpacing: Style.standardSpacing readonly property int indicatorSpacing: Style.standardSpacing
property int itemPadding: Style.smallSpacing readonly property int itemPadding: Style.smallSpacing
width: parent.width width: parent.width
@ -280,7 +264,7 @@ Page {
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
fillMode: Image.Pad fillMode: Image.Pad
source: "image://svgimage-custom-color/edit.svg/" + Style.menuBorder source: "image://svgimage-custom-color/edit.svg/" + palette.dark
sourceSize.width: moreMenu.rowIconWidth sourceSize.width: moreMenu.rowIconWidth
sourceSize.height: moreMenu.rowIconWidth sourceSize.height: moreMenu.rowIconWidth
} }
@ -316,6 +300,9 @@ Page {
active: !root.isFolderItem && !root.isEncryptedItem active: !root.isFolderItem && !root.isEncryptedItem
visible: active visible: active
sourceComponent: CheckBox { sourceComponent: CheckBox {
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth indicator.width: moreMenu.indicatorItemWidth
@ -413,6 +400,10 @@ Page {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth indicator.width: moreMenu.indicatorItemWidth
@ -437,6 +428,10 @@ Page {
Layout.fillWidth: true Layout.fillWidth: true
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth indicator.width: moreMenu.indicatorItemWidth
@ -476,7 +471,7 @@ Page {
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
fillMode: Image.Pad fillMode: Image.Pad
source: "image://svgimage-custom-color/lock-https.svg/" + Style.menuBorder source: "image://svgimage-custom-color/lock-https.svg/" + palette.dark
sourceSize.width: moreMenu.rowIconWidth sourceSize.width: moreMenu.rowIconWidth
sourceSize.height: moreMenu.rowIconWidth sourceSize.height: moreMenu.rowIconWidth
} }
@ -542,6 +537,10 @@ Page {
Layout.fillWidth: true Layout.fillWidth: true
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth indicator.width: moreMenu.indicatorItemWidth
@ -580,7 +579,7 @@ Page {
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
fillMode: Image.Pad fillMode: Image.Pad
source: "image://svgimage-custom-color/calendar.svg/" + Style.menuBorder source: "image://svgimage-custom-color/calendar.svg/" + palette.dark
sourceSize.width: moreMenu.rowIconWidth sourceSize.width: moreMenu.rowIconWidth
sourceSize.height: moreMenu.rowIconWidth sourceSize.height: moreMenu.rowIconWidth
} }
@ -733,6 +732,10 @@ Page {
Layout.fillWidth: true Layout.fillWidth: true
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth indicator.width: moreMenu.indicatorItemWidth
@ -771,7 +774,7 @@ Page {
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
fillMode: Image.Pad fillMode: Image.Pad
source: "image://svgimage-custom-color/edit.svg/" + Style.menuBorder source: "image://svgimage-custom-color/edit.svg/" + palette.dark
sourceSize.width: moreMenu.rowIconWidth sourceSize.width: moreMenu.rowIconWidth
sourceSize.height: moreMenu.rowIconWidth sourceSize.height: moreMenu.rowIconWidth
} }
@ -807,12 +810,12 @@ Page {
height: Style.standardPrimaryButtonHeight height: Style.standardPrimaryButtonHeight
icon.source: "image://svgimage-custom-color/close.svg/" + Style.errorBoxBackgroundColor icon.source: "image://svgimage-custom-color/close.svg/" + Style.errorBoxBackgroundColor
imageSourceHover: "image://svgimage-custom-color/close.svg/" + Style.ncHeaderTextColor imageSourceHover: "image://svgimage-custom-color/close.svg/" + palette.brightText
text: qsTr("Unshare") text: qsTr("Unshare")
textColor: Style.errorBoxBackgroundColor textColor: Style.errorBoxBackgroundColor
textColorHovered: "white" textColorHovered: "white"
contentsFont.bold: true contentsFont.bold: true
bgNormalColor: Style.buttonBackgroundColor bgNormalColor: palette.button
bgHoverColor: Style.errorBoxBackgroundColor bgHoverColor: Style.errorBoxBackgroundColor
bgNormalOpacity: 1.0 bgNormalOpacity: 1.0
bgHoverOpacity: 1.0 bgHoverOpacity: 1.0
@ -824,12 +827,12 @@ Page {
height: Style.standardPrimaryButtonHeight height: Style.standardPrimaryButtonHeight
icon.source: "image://svgimage-custom-color/add.svg/" + Style.ncBlue icon.source: "image://svgimage-custom-color/add.svg/" + Style.ncBlue
imageSourceHover: "image://svgimage-custom-color/add.svg/" + Style.ncHeaderTextColor imageSourceHover: "image://svgimage-custom-color/add.svg/" + palette.brightText
text: qsTr("Add another link") text: qsTr("Add another link")
textColor: Style.ncBlue textColor: Style.ncBlue
textColorHovered: Style.ncHeaderTextColor textColorHovered: palette.brightText
contentsFont.bold: true contentsFont.bold: true
bgNormalColor: Style.buttonBackgroundColor bgNormalColor: palette.button
bgHoverColor: Style.ncBlue bgHoverColor: Style.ncBlue
bgNormalOpacity: 1.0 bgNormalOpacity: 1.0
bgHoverOpacity: 1.0 bgHoverOpacity: 1.0
@ -848,6 +851,7 @@ Page {
rightPadding: root.padding rightPadding: root.padding
leftPadding: root.padding leftPadding: root.padding
alignment: Qt.AlignRight | Qt.AlignVCenter alignment: Qt.AlignRight | Qt.AlignVCenter
contentWidth: (contentItem as ListView).contentWidth
visible: copyShareLinkButton.visible visible: copyShareLinkButton.visible
CustomButton { CustomButton {
@ -867,9 +871,9 @@ Page {
height: Style.standardPrimaryButtonHeight height: Style.standardPrimaryButtonHeight
icon.source: "image://svgimage-custom-color/copy.svg/" + Style.ncHeaderTextColor icon.source: "image://svgimage-custom-color/copy.svg/" + palette.brightText
text: shareLinkCopied ? qsTr("Share link copied!") : qsTr("Copy share link") text: shareLinkCopied ? qsTr("Share link copied!") : qsTr("Copy share link")
textColor: Style.ncHeaderTextColor textColor: palette.brightText
contentsFont.bold: true contentsFont.bold: true
bgColor: shareLinkCopied ? Style.positiveColor : Style.ncBlue bgColor: shareLinkCopied ? Style.positiveColor : Style.ncBlue
bgNormalOpacity: 1.0 bgNormalOpacity: 1.0
@ -888,6 +892,10 @@ Page {
NumberAnimation { duration: Style.shortAnimationDuration } NumberAnimation { duration: Style.shortAnimationDuration }
} }
Behavior on Layout.preferredWidth {
SmoothedAnimation { duration: Style.shortAnimationDuration }
}
TextEdit { TextEdit {
id: clipboardHelper id: clipboardHelper
visible: false visible: false

25
src/gui/filedetails/ShareView.qml
View file

@ -93,21 +93,6 @@ ColumnLayout {
modal: true modal: true
closePolicy: Popup.NoAutoClose closePolicy: Popup.NoAutoClose
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
light: Style.lightHover
midlight: Style.lightHover
mid: Style.ncSecondaryTextColor
dark: Style.menuBorder
button: Style.menuBorder
window: Style.backgroundColor
base: Style.backgroundColor
}
visible: false visible: false
onAccepted: { onAccepted: {
@ -260,12 +245,12 @@ ColumnLayout {
z: Infinity z: Infinity
sourceComponent: Rectangle { sourceComponent: Rectangle {
color: Style.backgroundColor color: palette.window
opacity: 0.5 opacity: 0.5
NCBusyIndicator { NCBusyIndicator {
anchors.centerIn: parent anchors.centerIn: parent
color: Style.ncSecondaryTextColor color: palette.midlight
} }
} }
} }
@ -292,7 +277,7 @@ ColumnLayout {
id: sharingDisabledLabel id: sharingDisabledLabel
width: parent.width width: parent.width
text: qsTr("Sharing is disabled") text: qsTr("Sharing is disabled")
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
@ -300,7 +285,7 @@ ColumnLayout {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
width: parent.width width: parent.width
text: qsTr("This item cannot be shared.") text: qsTr("This item cannot be shared.")
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
@ -309,7 +294,7 @@ ColumnLayout {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
width: parent.width width: parent.width
text: qsTr("Sharing is disabled.") text: qsTr("Sharing is disabled.")
color: Style.ncSecondaryTextColor color: palette.midlight
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter

1
src/gui/filedetails/ShareeDelegate.qml
View file

@ -67,7 +67,6 @@ ItemDelegate {
horizontalAlignment: Text.AlignLeft horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
text: model.display text: model.display
color: Style.ncTextColor
} }
} }
} }

24
src/gui/filedetails/ShareeSearchField.qml
View file

@ -37,7 +37,7 @@ TextField {
} }
readonly property int horizontalPaddingOffset: Style.trayHorizontalMargin readonly property int horizontalPaddingOffset: Style.trayHorizontalMargin
readonly property color placeholderColor: Style.menuBorder readonly property color placeholderColor: palette.dark
readonly property double iconsScaleFactor: 0.6 readonly property double iconsScaleFactor: 0.6
function triggerSuggestionsVisibility() { function triggerSuggestionsVisibility() {
@ -46,7 +46,6 @@ TextField {
placeholderText: qsTr("Search for users or groups…") placeholderText: qsTr("Search for users or groups…")
placeholderTextColor: placeholderColor placeholderTextColor: placeholderColor
color: Style.ncTextColor
enabled: !shareeModel.fetchOngoing enabled: !shareeModel.fetchOngoing
onActiveFocusChanged: triggerSuggestionsVisibility() onActiveFocusChanged: triggerSuggestionsVisibility()
@ -93,9 +92,9 @@ TextField {
background: Rectangle { background: Rectangle {
radius: 5 radius: 5
border.color: parent.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder border.color: parent.activeFocus ? UserModel.currentUser.accentColor : palette.dark
border.width: 1 border.width: 1
color: Style.backgroundColor color: palette.base
} }
Image { Image {
@ -172,21 +171,6 @@ TextField {
height: 100 height: 100
y: root.height y: root.height
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
light: Style.lightHover
midlight: Style.lightHover
mid: Style.ncSecondaryTextColor
dark: Style.menuBorder
button: Style.menuBorder
window: Style.backgroundColor
base: Style.backgroundColor
}
contentItem: ScrollView { contentItem: ScrollView {
id: suggestionsScrollView id: suggestionsScrollView
@ -203,7 +187,7 @@ TextField {
highlight: Rectangle { highlight: Rectangle {
width: shareeListView.currentItem.width width: shareeListView.currentItem.width
height: shareeListView.currentItem.height height: shareeListView.currentItem.height
color: Style.lightHover color: palette.highlight
} }
highlightFollowsCurrentItem: true highlightFollowsCurrentItem: true
highlightMoveDuration: 0 highlightMoveDuration: 0

15
src/gui/tray/ActivityActionButton.qml
View file

@ -12,9 +12,9 @@ AbstractButton {
property string imageSourceHover: "" property string imageSourceHover: ""
property color adjustedHeaderColor: Style.adjustedCurrentUserHeaderColor readonly property color adjustedHeaderColor: Style.adjustedCurrentUserHeaderColor
property color textColor: primaryButton ? adjustedHeaderColor : Style.ncTextColor readonly property color textColor: primaryButton ? adjustedHeaderColor : palette.buttonText
property color textColorHovered: primaryButton ? Style.currentUserHeaderTextColor : Style.ncTextColor readonly property color textColorHovered: primaryButton ? Style.currentUserHeaderTextColor : palette.buttonText
property string verb: "" property string verb: ""
property bool isTalkReplyButton: false property bool isTalkReplyButton: false
@ -39,14 +39,7 @@ AbstractButton {
text: root.toolTipText text: root.toolTipText
delay: Qt.styleHints.mousePressAndHoldInterval delay: Qt.styleHints.mousePressAndHoldInterval
visible: root.toolTipText !== "" && root.hovered visible: root.toolTipText !== "" && root.hovered
contentItem: EnforcedPlainTextLabel { contentItem: EnforcedPlainTextLabel { text: customTextButtonTooltip.text }
text: customTextButtonTooltip.text
color: Style.ncTextColor
}
background: Rectangle {
border.color: Style.menuBorder
color: Style.backgroundColor
}
} }
Component { Component {

2
src/gui/tray/ActivityItem.qml
View file

@ -30,7 +30,7 @@ ItemDelegate {
} }
contentItem: ColumnLayout { contentItem: ColumnLayout {
spacing: Style.activityContentSpace spacing: Style.smallSpacing
ActivityItemContent { ActivityItemContent {
id: activityContent id: activityContent

92
src/gui/tray/ActivityItemContent.qml
View file

@ -13,8 +13,6 @@ RowLayout {
property variant activity: {{}} property variant activity: {{}}
property color activityTextTitleColor: Style.ncTextColor
property bool showDismissButton: false property bool showDismissButton: false
property bool childHovered: fileDetailsButton.hovered || dismissActionButton.hovered property bool childHovered: fileDetailsButton.hovered || dismissActionButton.hovered
@ -32,8 +30,6 @@ RowLayout {
readonly property int imageHeight: height * (1 - Style.thumbnailImageSizeReduction) readonly property int imageHeight: height * (1 - Style.thumbnailImageSizeReduction)
readonly property int thumbnailRadius: model.thumbnail && model.thumbnail.isUserAvatar ? width / 2 : 3 readonly property int thumbnailRadius: model.thumbnail && model.thumbnail.isUserAvatar ? width / 2 : 3
Layout.fillHeight: true
implicitWidth: root.iconSize implicitWidth: root.iconSize
implicitHeight: model.thumbnail && model.thumbnail.isMimeTypeIcon ? root.iconSize * 0.9 : root.iconSize implicitHeight: model.thumbnail && model.thumbnail.isMimeTypeIcon ? root.iconSize * 0.9 : root.iconSize
@ -127,31 +123,21 @@ RowLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.maximumWidth: activityContentLayout.width
spacing: Style.trayHorizontalMargin spacing: Style.trayHorizontalMargin
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: activityTextTitle id: activityTextTitle
text: (root.activityData.type === "Activity" || root.activityData.type === "Notification") ? root.activityData.subject : root.activityData.message text: (root.activityData.type === "Activity" || root.activityData.type === "Notification") ? root.activityData.subject : root.activityData.message
height: (text === "") ? 0 : implicitHeight
Layout.maximumWidth: activityContentLayout.width - Style.trayHorizontalMargin - Layout.fillWidth: true
(activityTextDateTime.visible ? activityTextDateTime.width + Style.trayHorizontalMargin : 0) - Layout.alignment: Qt.AlignVCenter | Qt.AlignLeft
(dismissActionButton.visible ? dismissActionButton.width + Style.trayHorizontalMargin : 0)
Layout.alignment: Qt.AlignTop | Qt.AlignLeft
elide: Text.ElideRight elide: Text.ElideRight
wrapMode: Text.Wrap wrapMode: Text.Wrap
maximumLineCount: 1 maximumLineCount: 2
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
color: Style.ncTextColor
visible: text !== "" visible: text !== ""
NCToolTip {
text: parent.text
visible: parent.hovered
}
} }
Item { Item {
@ -164,18 +150,39 @@ RowLayout {
Layout.alignment: Qt.AlignVCenter | Qt.AlignRight Layout.alignment: Qt.AlignVCenter | Qt.AlignRight
height: (text === "") ? 0 : implicitHeight height: (text === "") ? 0 : implicitHeight
width: parent.width
text: root.activityData.dateTime text: root.activityData.dateTime
elide: Text.ElideRight
wrapMode: Text.Wrap
maximumLineCount: 2
font.pixelSize: Style.subLinePixelSize font.pixelSize: Style.subLinePixelSize
color: Style.ncSecondaryTextColor color: palette.midlight
visible: text !== "" visible: text !== ""
} }
RoundButton { CustomButton {
id: fileDetailsButton
Layout.preferredWidth: Style.dismissButtonSize
Layout.preferredHeight: Style.dismissButtonSize
Layout.alignment: Qt.AlignTop | Qt.AlignRight
icon.source: "image://svgimage-custom-color/more.svg/" + palette.buttonText
NCToolTip {
text: qsTr("Open file details")
visible: parent.hovered
}
display: Button.IconOnly
leftPadding: 0
rightPadding: 0
bgColor: palette.mid
bgNormalOpacity: 0
visible: model.showFileDetails
onClicked: Systray.presentShareViewInTray(model.openablePath)
}
CustomButton {
id: dismissActionButton id: dismissActionButton
Layout.preferredWidth: Style.dismissButtonSize Layout.preferredWidth: Style.dismissButtonSize
@ -184,12 +191,13 @@ RowLayout {
visible: root.showDismissButton && !fileDetailsButton.visible visible: root.showDismissButton && !fileDetailsButton.visible
icon.source: "image://svgimage-custom-color/clear.svg" + "/" + Style.ncTextColor icon.source: "image://svgimage-custom-color/clear.svg/" + palette.buttonText
flat: true
display: Button.IconOnly display: Button.IconOnly
hoverEnabled: true leftPadding: 0
padding: 0 rightPadding: 0
bgColor: palette.mid
bgNormalOpacity: 0
NCToolTip { NCToolTip {
text: qsTr("Dismiss") text: qsTr("Dismiss")
@ -203,9 +211,8 @@ RowLayout {
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
Layout.minimumHeight: Style.minimumActivityItemHeight
Layout.maximumWidth: root.width - thumbnailItem.width
spacing: Style.trayHorizontalMargin spacing: Style.trayHorizontalMargin
visible: activityTextInfo.visible || talkReplyMessageSent.visible || activityActions.visible
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: activityTextInfo id: activityTextInfo
@ -223,7 +230,6 @@ RowLayout {
wrapMode: Text.Wrap wrapMode: Text.Wrap
maximumLineCount: 2 maximumLineCount: 2
font.pixelSize: Style.subLinePixelSize font.pixelSize: Style.subLinePixelSize
color: Style.ncTextColor
visible: text !== "" visible: text !== ""
} }
@ -231,30 +237,6 @@ RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
} }
Button {
id: fileDetailsButton
Layout.preferredWidth: Style.headerButtonIconSize
Layout.preferredHeight: Style.headerButtonIconSize
Layout.alignment: Qt.AlignTop | Qt.AlignRight
icon.source: "image://svgimage-custom-color/more.svg"
NCToolTip {
text: qsTr("Open file details")
visible: parent.hovered
}
flat: true
display: Button.IconOnly
hoverEnabled: true
padding: 0
visible: model.showFileDetails
onClicked: Systray.presentShareViewInTray(model.openablePath)
}
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: talkReplyMessageSent id: talkReplyMessageSent
@ -267,7 +249,7 @@ RowLayout {
wrapMode: Text.Wrap wrapMode: Text.Wrap
maximumLineCount: 2 maximumLineCount: 2
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
color: Style.ncSecondaryTextColor color: palette.midlight
visible: text !== "" visible: text !== ""
} }

1
src/gui/tray/ActivityItemContextMenu.qml
View file

@ -20,7 +20,6 @@ AutoSizingMenu {
delegate: MenuItem { delegate: MenuItem {
id: moreActionsButtonContextMenuEntry id: moreActionsButtonContextMenuEntry
text: model.modelData.label text: model.modelData.label
palette.windowText: Style.ncTextColor
onTriggered: menuEntryTriggered(model.modelData.actionIndex) onTriggered: menuEntryTriggered(model.modelData.actionIndex)
} }
} }

14
src/gui/tray/ActivityList.qml
View file

@ -30,6 +30,7 @@ ScrollView {
Accessible.role: Accessible.List Accessible.role: Accessible.List
Accessible.name: qsTr("Activity list") Accessible.name: qsTr("Activity list")
keyNavigationEnabled: true
clip: true clip: true
spacing: 0 spacing: 0
currentIndex: -1 currentIndex: -1
@ -37,14 +38,12 @@ ScrollView {
highlight: Rectangle { highlight: Rectangle {
id: activityHover id: activityHover
anchors.fill: activityList.currentItem anchors.fill: activityList.currentItem
color: palette.highlight
color: Style.lightHover
visible: activityList.activeFocus
radius: Style.mediumRoundedButtonRadius radius: Style.mediumRoundedButtonRadius
visible: activityList.activeFocus
} }
highlightFollowsCurrentItem: true highlightFollowsCurrentItem: true
highlightMoveDuration: 0 highlightMoveDuration: 0
highlightResizeDuration: 0 highlightResizeDuration: 0
@ -57,6 +56,7 @@ ScrollView {
} }
delegate: ActivityItem { delegate: ActivityItem {
background: null
width: activityList.contentItem.width width: activityList.contentItem.width
isFileActivityList: controlRoot.isFileActivityList isFileActivityList: controlRoot.isFileActivityList
@ -100,13 +100,13 @@ ScrollView {
verticalAlignment: Image.AlignVCenter verticalAlignment: Image.AlignVCenter
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
source: "image://svgimage-custom-color/activity.svg/" + Style.ncSecondaryTextColor source: "image://svgimage-custom-color/activity.svg/" + palette.midlight
} }
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
width: parent.width width: parent.width
text: qsTr("No activities yet") text: qsTr("No activities yet")
color: Style.ncSecondaryTextColor color: palette.midlight
font.bold: true font.bold: true
wrapMode: Text.Wrap wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter

5
src/gui/tray/AutoSizingMenu.qml
View file

@ -3,11 +3,6 @@ import QtQuick.Controls 2.3
import Style 1.0 import Style 1.0
Menu { Menu {
background: Rectangle {
border.color: Style.menuBorder
color: Style.backgroundColor
}
width: { width: {
var result = 0; var result = 0;
var padding = 0; var padding = 0;

36
src/gui/tray/CallNotificationDialog.qml
View file

@ -22,7 +22,7 @@ import QtMultimedia 5.15
import QtQuick.Controls 2.15 import QtQuick.Controls 2.15
import QtGraphicalEffects 1.15 import QtGraphicalEffects 1.15
Window { ApplicationWindow {
id: root id: root
color: "transparent" color: "transparent"
flags: Qt.Dialog | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint flags: Qt.Dialog | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint
@ -55,6 +55,26 @@ Window {
width: root.windowWidth width: root.windowWidth
height: rootBackground.height height: rootBackground.height
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
brightText: Style.ncTextBrightColor
highlight: Style.lightHover
highlightedText: Style.ncTextColor
light: Style.lightHover
midlight: Style.ncSecondaryTextColor
mid: Style.darkerHover
dark: Style.menuBorder
button: Style.buttonBackgroundColor
window: Style.backgroundColor
base: Style.backgroundColor
toolTipBase: Style.backgroundColor
toolTipText: Style.ncTextColor
}
Component.onCompleted: { Component.onCompleted: {
Systray.forceWindowInit(root); Systray.forceWindowInit(root);
Systray.positionNotificationWindow(root); Systray.positionNotificationWindow(root);
@ -89,7 +109,7 @@ Window {
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius
color: Style.backgroundColor color: Style.backgroundColor
border.width: Style.trayWindowBorderWidth border.width: Style.trayWindowBorderWidth
border.color: Style.menuBorder border.color: palette.dark
clip: true clip: true
Loader { Loader {
@ -164,7 +184,7 @@ Window {
cache: true cache: true
source: root.usingUserAvatar ? root.talkNotificationData.userAvatar : source: root.usingUserAvatar ? root.talkNotificationData.userAvatar :
Theme.darkMode ? root.talkIcon + Style.ncTextColor : root.talkIcon + Style.ncBlue Theme.darkMode ? root.talkIcon + palette.windowText : root.talkIcon + Style.ncBlue
sourceSize.width: Style.accountAvatarSize sourceSize.width: Style.accountAvatarSize
sourceSize.height: Style.accountAvatarSize sourceSize.height: Style.accountAvatarSize
@ -195,7 +215,7 @@ Window {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: message id: message
text: root.subject text: root.subject
color: root.usingUserAvatar ? "white" : Style.ncTextColor color: root.usingUserAvatar ? palette.brightText : palette.windowText
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
wrapMode: Text.WordWrap wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
@ -223,10 +243,10 @@ Window {
bgColor: Style.ncBlue bgColor: Style.ncBlue
bgNormalOpacity: 0.8 bgNormalOpacity: 0.8
textColor: Style.ncHeaderTextColor textColor: palette.brightText
icon.source: root.talkIcon + Style.ncHeaderTextColor icon.source: root.talkIcon + palette.brightText
imageSourceHover: root.talkIcon + Style.ncHeaderTextColor imageSourceHover: root.talkIcon + palette.brightText
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: Style.callNotificationPrimaryButtonMinHeight Layout.preferredHeight: Style.callNotificationPrimaryButtonMinHeight
@ -250,7 +270,7 @@ Window {
bgColor: Style.errorBoxBackgroundColor bgColor: Style.errorBoxBackgroundColor
bgNormalOpacity: 0.8 bgNormalOpacity: 0.8
textColor: Style.ncHeaderTextColor textColor: palette.brightText
icon.source: root.deleteIcon + "white" icon.source: root.deleteIcon + "white"
imageSourceHover: root.deleteIcon + "white" imageSourceHover: root.deleteIcon + "white"

6
src/gui/tray/CustomButton.qml
View file

@ -25,7 +25,7 @@ Button {
property string toolTipText: "" property string toolTipText: ""
property color textColor: Style.ncTextColor property color textColor: palette.buttonText
property color textColorHovered: textColor property color textColorHovered: textColor
property alias contentsFont: contents.font property alias contentsFont: contents.font
@ -45,6 +45,8 @@ Button {
rightPadding: root.text === "" ? Style.smallSpacing : Style.standardSpacing rightPadding: root.text === "" ? Style.smallSpacing : Style.standardSpacing
implicitWidth: contentItem.implicitWidth + leftPadding + rightPadding implicitWidth: contentItem.implicitWidth + leftPadding + rightPadding
hoverEnabled: true
NCToolTip { NCToolTip {
text: root.toolTipText text: root.toolTipText
visible: root.toolTipText !== "" && root.hovered visible: root.toolTipText !== "" && root.hovered
@ -56,6 +58,8 @@ Button {
hovered: root.hovered hovered: root.hovered
imageSourceHover: root.imageSourceHover imageSourceHover: root.imageSourceHover
imageSource: root.icon.source imageSource: root.icon.source
imageSourceWidth: root.icon.width
imageSourceHeight: root.icon.height
text: root.text text: root.text
textColor: root.textColor textColor: root.textColor
textColorHovered: root.textColorHovered textColorHovered: root.textColorHovered

29
src/gui/tray/EditFileLocallyLoadingDialog.qml
View file

@ -5,7 +5,7 @@ import com.nextcloud.desktopclient 1.0
import QtQuick.Layouts 1.15 import QtQuick.Layouts 1.15
import QtQuick.Controls 2.15 import QtQuick.Controls 2.15
Window { ApplicationWindow {
id: root id: root
flags: Qt.Dialog | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint flags: Qt.Dialog | Qt.FramelessWindowHint | Qt.WindowStaysOnTopHint
@ -19,6 +19,26 @@ Window {
readonly property real fontPixelSize: Style.topLinePixelSize * 1.5 readonly property real fontPixelSize: Style.topLinePixelSize * 1.5
readonly property real iconWidth: fontPixelSize * 2 readonly property real iconWidth: fontPixelSize * 2
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
brightText: Style.ncTextBrightColor
highlight: Style.lightHover
highlightedText: Style.ncTextColor
light: Style.lightHover
midlight: Style.ncSecondaryTextColor
mid: Style.darkerHover
dark: Style.menuBorder
button: Style.buttonBackgroundColor
window: Style.backgroundColor
base: Style.backgroundColor
toolTipBase: Style.backgroundColor
toolTipText: Style.ncTextColor
}
Component.onCompleted: { Component.onCompleted: {
Systray.forceWindowInit(root); Systray.forceWindowInit(root);
x = Screen.width / 2 - width / 2 x = Screen.width / 2 - width / 2
@ -32,7 +52,7 @@ Window {
id: windowBackground id: windowBackground
color: Style.backgroundColor color: Style.backgroundColor
radius: Style.trayWindowRadius radius: Style.trayWindowRadius
border.color: Style.ncTextColor border.color: palette.dark
anchors.fill: parent anchors.fill: parent
} }
@ -43,6 +63,7 @@ Window {
anchors.leftMargin: Style.standardSpacing anchors.leftMargin: Style.standardSpacing
anchors.rightMargin: Style.standardSpacing anchors.rightMargin: Style.standardSpacing
spacing: Style.standardSpacing spacing: Style.standardSpacing
NCBusyIndicator { NCBusyIndicator {
id: busyIndicator id: busyIndicator
Layout.topMargin: Style.standardSpacing Layout.topMargin: Style.standardSpacing
@ -52,7 +73,7 @@ Window {
imageSourceSizeHeight: root.iconWidth imageSourceSizeHeight: root.iconWidth
imageSourceSizeWidth: root.iconWidth imageSourceSizeWidth: root.iconWidth
padding: 0 padding: 0
color: Style.ncTextColor color: palette.windowText
running: true running: true
} }
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
@ -63,7 +84,6 @@ Window {
elide: Text.ElideMiddle elide: Text.ElideMiddle
font.bold: true font.bold: true
font.pixelSize: root.fontPixelSize font.pixelSize: root.fontPixelSize
color: Style.ncTextColor
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
visible: root.fileName !== "" visible: root.fileName !== ""
} }
@ -75,7 +95,6 @@ Window {
text: qsTr("Opening file for local editing") text: qsTr("Opening file for local editing")
elide: Text.ElideRight elide: Text.ElideRight
font.pixelSize: root.fontPixelSize font.pixelSize: root.fontPixelSize
color: Style.ncTextColor
horizontalAlignment: Text.AlignHCenter horizontalAlignment: Text.AlignHCenter
} }
} }

2
src/gui/tray/HeaderButton.qml
View file

@ -33,7 +33,7 @@ Button {
icon.width: Style.headerButtonIconSize icon.width: Style.headerButtonIconSize
icon.height: Style.headerButtonIconSize icon.height: Style.headerButtonIconSize
icon.color: Style.ncHeaderTextColor icon.color: palette.brightText
Layout.alignment: Qt.AlignRight Layout.alignment: Qt.AlignRight
Layout.preferredWidth: Style.trayWindowHeaderHeight Layout.preferredWidth: Style.trayWindowHeaderHeight

4
src/gui/tray/ListItemLineAndSubline.qml
View file

@ -29,8 +29,8 @@ ColumnLayout {
property int titleFontSize: Style.unifiedSearchResultTitleFontSize property int titleFontSize: Style.unifiedSearchResultTitleFontSize
property int sublineFontSize: Style.unifiedSearchResultSublineFontSize property int sublineFontSize: Style.unifiedSearchResultSublineFontSize
property color titleColor: Style.ncTextColor property color titleColor: palette.windowText
property color sublineColor: Style.ncSecondaryTextColor property color sublineColor: palette.midlight
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: title id: title

2
src/gui/tray/NCBusyIndicator.qml
View file

@ -19,7 +19,7 @@ import Style 1.0
BusyIndicator { BusyIndicator {
id: root id: root
property color color: Style.ncSecondaryTextColor property color color: palette.midlight
property string imageSource: "image://svgimage-custom-color/change.svg/" property string imageSource: "image://svgimage-custom-color/change.svg/"
property int imageSourceSizeWidth: 64 property int imageSourceSizeWidth: 64

4
src/gui/tray/NCButtonBackground.qml
View file

@ -20,8 +20,8 @@ Rectangle {
property bool hovered: false property bool hovered: false
property real normalOpacity: 0.3 property real normalOpacity: 0.3
property real hoverOpacity: 1.0 property real hoverOpacity: 1.0
property color normalColor: Style.buttonBackgroundColor property color normalColor: palette.button
property color hoverColor: Style.buttonBackgroundColor property color hoverColor: palette.button
color: hovered ? hoverColor : normalColor color: hovered ? hoverColor : normalColor
opacity: hovered ? hoverOpacity : normalOpacity opacity: hovered ? hoverOpacity : normalOpacity

14
src/gui/tray/NCButtonContents.qml
View file

@ -24,19 +24,29 @@ RowLayout {
property bool hovered: false property bool hovered: false
property string imageSourceHover: "" property string imageSourceHover: ""
property string imageSource: "" property string imageSource: ""
property int imageSourceWidth: undefined
property int imageSourceHeight: undefined
property string text: "" property string text: ""
property var display property var display
property color textColor: Style.ncTextColor property color textColor: palette.buttonText
property color textColorHovered: textColor property color textColorHovered: textColor
property alias font: buttonLabel.font property alias font: buttonLabel.font
Image { Image {
id: icon id: icon
Layout.fillWidth: !buttonLabel.visible Layout.maximumWidth: root.height
Layout.maximumHeight: root.height
Layout.alignment: Qt.AlignCenter
source: root.hovered ? root.imageSourceHover : root.imageSource source: root.hovered ? root.imageSourceHover : root.imageSource
sourceSize {
width: root.imageSourceWidth
height: root.imageSourceHeight
}
fillMode: Image.PreserveAspectFit fillMode: Image.PreserveAspectFit
horizontalAlignment: Image.AlignHCenter horizontalAlignment: Image.AlignHCenter
verticalAlignment: Image.AlignVCenter verticalAlignment: Image.AlignVCenter

6
src/gui/tray/NCToolTip.qml
View file

@ -24,11 +24,7 @@ ToolTip {
delay: Qt.styleHints.mousePressAndHoldInterval delay: Qt.styleHints.mousePressAndHoldInterval
contentItem: EnforcedPlainTextLabel { contentItem: EnforcedPlainTextLabel {
text: toolTip.text text: toolTip.text
color: Style.ncTextColor
wrapMode: Text.Wrap wrapMode: Text.Wrap
} color: palette.toolTipText
background: Rectangle {
border.color: Style.menuBorder
color: Style.backgroundColor
} }
} }

17
src/gui/tray/SyncStatus.qml
View file

@ -56,7 +56,6 @@ RowLayout {
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
font.bold: true font.bold: true
color: Style.ncTextColor
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }
@ -71,19 +70,7 @@ RowLayout {
// TODO: Rather than setting all these palette colours manually, // TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally // create a custom style and do it for all components globally
palette { palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the progress bar
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
light: Style.lightHover
midlight: Style.lightHover
mid: Style.ncSecondaryTextColor
dark: Style.menuBorder
button: Style.menuBorder
window: Style.backgroundColor
base: Style.backgroundColor
}
value: syncStatus.syncProgress value: syncStatus.syncProgress
} }
} }
@ -95,7 +82,7 @@ RowLayout {
text: syncStatus.syncStatusDetailString text: syncStatus.syncStatusDetailString
visible: syncStatus.syncStatusDetailString !== "" visible: syncStatus.syncStatusDetailString !== ""
color: Style.ncSecondaryTextColor color: palette.midlight
font.pixelSize: Style.subLinePixelSize font.pixelSize: Style.subLinePixelSize
wrapMode: Text.Wrap wrapMode: Text.Wrap
} }

9
src/gui/tray/TalkReplyTextField.qml
View file

@ -13,7 +13,6 @@ TextField {
height: Style.talkReplyTextFieldPreferredHeight height: Style.talkReplyTextFieldPreferredHeight
visible: model.messageSent === "" visible: model.messageSent === ""
color: Style.ncTextColor
placeholderText: qsTr("Reply to …") placeholderText: qsTr("Reply to …")
onAccepted: sendReplyMessage() onAccepted: sendReplyMessage()
@ -22,8 +21,8 @@ TextField {
id: replyMessageTextFieldBorder id: replyMessageTextFieldBorder
radius: width / 2 radius: width / 2
border.width: Style.normalBorderWidth border.width: Style.normalBorderWidth
border.color: replyMessageTextField.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder border.color: replyMessageTextField.activeFocus ? UserModel.currentUser.accentColor : palette.dark
color: Style.backgroundColor color: palette.window
} }
Button { Button {
@ -39,8 +38,8 @@ TextField {
background: null background: null
icon { icon {
source: "image://svgimage-custom-color/send.svg" + "/" + Style.menuBorder source: "image://svgimage-custom-color/send.svg" + "/" + palette.dark
color: hovered || !sendReplyMessageButton.enabled ? Style.menuBorder : UserModel.currentUser.accentColor color: hovered || !sendReplyMessageButton.enabled ? palette.dark : UserModel.currentUser.accentColor
} }
anchors { anchors {

4
src/gui/tray/TextButtonContents.qml
View file

@ -20,8 +20,8 @@ import Style 1.0
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
property bool hovered: false property bool hovered: false
property color textColor: Style.ncTextColor property color textColor: palette.windowText
property color textColorHovered: Style.ncSecondaryTextColor property color textColorHovered: palette.midlight
property bool bold: false property bool bold: false
font.underline: true font.underline: true

4
src/gui/tray/TrayFolderListItem.qml
View file

@ -21,7 +21,7 @@ MenuItem {
id: root id: root
property string subline: "" property string subline: ""
property string iconSource: "image://svgimage-custom-color/folder-group.svg/" + Style.ncTextColor property string iconSource: "image://svgimage-custom-color/folder-group.svg/" + palette.buttonText
property string toolTipText: root.text property string toolTipText: root.text
NCToolTip { NCToolTip {
@ -35,7 +35,7 @@ MenuItem {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: Style.normalBorderWidth anchors.margins: Style.normalBorderWidth
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }

5
src/gui/tray/TrayFoldersMenuButton.qml
View file

@ -44,7 +44,6 @@ HeaderButton {
visible: currentUser.hasLocalFolder visible: currentUser.hasLocalFolder
display: AbstractButton.IconOnly display: AbstractButton.IconOnly
flat: true flat: true
palette: Style.systemPalette
Accessible.role: root.userHasGroupFolders ? Accessible.ButtonMenu : Accessible.Button Accessible.role: root.userHasGroupFolders ? Accessible.ButtonMenu : Accessible.Button
Accessible.name: tooltip.text Accessible.name: tooltip.text
@ -186,7 +185,9 @@ HeaderButton {
subline: model.modelData.parentPath subline: model.modelData.parentPath
width: foldersMenuListView.width width: foldersMenuListView.width
height: Style.standardPrimaryButtonHeight height: Style.standardPrimaryButtonHeight
iconSource: !isGroupFolder ? "image://svgimage-custom-color/folder.svg/" + Style.ncTextColor : "image://svgimage-custom-color/folder-group.svg/" + Style.ncTextColor iconSource: !isGroupFolder ?
"image://svgimage-custom-color/folder.svg/" + palette.buttonText :
"image://svgimage-custom-color/folder-group.svg/" + palette.buttonText
onTriggered: { onTriggered: {
foldersMenu.close(); foldersMenu.close();

8
src/gui/tray/UnifiedSearchInputContainer.qml
View file

@ -25,7 +25,7 @@ TextField {
property bool isSearchInProgress: false property bool isSearchInProgress: false
readonly property color textFieldIconsColor: Style.menuBorder readonly property color textFieldIconsColor: palette.dark
readonly property int textFieldIconsOffset: Style.trayHorizontalMargin readonly property int textFieldIconsOffset: Style.trayHorizontalMargin
@ -42,13 +42,13 @@ TextField {
selectByMouse: true selectByMouse: true
palette.text: Style.ncSecondaryTextColor palette.text: palette.midlight
background: Rectangle { background: Rectangle {
radius: 5 radius: 5
border.color: parent.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder border.color: parent.activeFocus ? UserModel.currentUser.accentColor : palette.dark
border.width: 1 border.width: 1
color: Style.backgroundColor color: palette.window
} }
Image { Image {

2
src/gui/tray/UnifiedSearchResultFetchMoreTrigger.qml
View file

@ -26,7 +26,7 @@ ColumnLayout {
property int fontSize: Style.unifiedSearchResultTitleFontSize property int fontSize: Style.unifiedSearchResultTitleFontSize
property string textColor: Style.ncSecondaryTextColor property string textColor: palette.midlight
Accessible.role: Accessible.ListItem Accessible.role: Accessible.ListItem
Accessible.name: unifiedSearchResultItemFetchMoreText.text Accessible.name: unifiedSearchResultItemFetchMoreText.text

4
src/gui/tray/UnifiedSearchResultItem.qml
View file

@ -35,8 +35,8 @@ RowLayout {
property int titleFontSize: Style.unifiedSearchResultTitleFontSize property int titleFontSize: Style.unifiedSearchResultTitleFontSize
property int sublineFontSize: Style.unifiedSearchResultSublineFontSize property int sublineFontSize: Style.unifiedSearchResultSublineFontSize
property color titleColor: Style.ncTextColor property color titleColor: palette.buttonText
property color sublineColor: Style.ncSecondaryTextColor property color sublineColor: palette.midlight
Accessible.role: Accessible.ListItem Accessible.role: Accessible.ListItem

2
src/gui/tray/UnifiedSearchResultItemSkeleton.qml
View file

@ -51,7 +51,7 @@ RowLayout {
* one single gradient sweeping over the base color components * one single gradient sweeping over the base color components
*/ */
property color baseGradientColor: Style.lightHover property color baseGradientColor: palette.light
property int animationRectangleWidth: Style.trayWindowWidth property int animationRectangleWidth: Style.trayWindowWidth
Item { Item {

2
src/gui/tray/UnifiedSearchResultItemSkeletonContainer.qml
View file

@ -45,7 +45,7 @@ ColumnLayout {
id: placeholderSectionHeaderRectangle id: placeholderSectionHeaderRectangle
anchors.fill: parent anchors.fill: parent
radius: Style.veryRoundedButtonRadius radius: Style.veryRoundedButtonRadius
color: Style.lightHover color: palette.light
clip: true clip: true
visible: false visible: false

2
src/gui/tray/UnifiedSearchResultItemSkeletonGradientRectangle.qml
View file

@ -22,7 +22,7 @@ import Style 1.0
Rectangle { Rectangle {
id: root id: root
property color progressGradientColor: Style.darkMode ? Qt.lighter(Style.lightHover, 1.2) : Qt.darker(Style.lightHover, 1.1) property color progressGradientColor: Style.darkMode ? Qt.lighter(palette.light, 1.2) : Qt.darker(palette.light, 1.1)
property int animationStartX: -width property int animationStartX: -width
property int animationEndX: width property int animationEndX: width

2
src/gui/tray/UnifiedSearchResultListItem.qml
View file

@ -46,7 +46,7 @@ MouseArea {
Rectangle { Rectangle {
id: unifiedSearchResultHoverBackground id: unifiedSearchResultHoverBackground
anchors.fill: parent anchors.fill: parent
color: (parent.containsMouse ? Style.lightHover : "transparent") color: (parent.containsMouse ? palette.highlight : "transparent")
} }
Loader { Loader {

3
src/gui/tray/UnifiedSearchResultNothingFound.qml
View file

@ -38,7 +38,7 @@ ColumnLayout {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: unifiedSearchResultsNoResultsLabel id: unifiedSearchResultsNoResultsLabel
text: qsTr("No results for") text: qsTr("No results for")
color: Style.menuBorder color: palette.dark
font.pixelSize: Style.subLinePixelSize * 1.25 font.pixelSize: Style.subLinePixelSize * 1.25
wrapMode: Text.Wrap wrapMode: Text.Wrap
Layout.fillWidth: true Layout.fillWidth: true
@ -49,7 +49,6 @@ ColumnLayout {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
id: unifiedSearchResultsNoResultsLabelDetails id: unifiedSearchResultsNoResultsLabelDetails
text: unifiedSearchResultNothingFoundContainer.text text: unifiedSearchResultNothingFoundContainer.text
color: Style.ncTextColor
font.pixelSize: Style.topLinePixelSize * 1.25 font.pixelSize: Style.topLinePixelSize * 1.25
wrapMode: Text.Wrap wrapMode: Text.Wrap
maximumLineCount: 2 maximumLineCount: 2

31
src/gui/tray/UserLine.qml
View file

@ -37,7 +37,9 @@ AbstractButton {
background: Rectangle { background: Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: (userLine.hovered || userLine.visualFocus) && !(userMoreButton.hovered || userMoreButton.visualFocus) ? Style.lightHover : Style.backgroundColor color: (userLine.hovered || userLine.visualFocus) &&
!(userMoreButton.hovered || userMoreButton.visualFocus) ?
palette.highlight : palette.base
} }
contentItem: RowLayout { contentItem: RowLayout {
@ -92,7 +94,6 @@ AbstractButton {
verticalAlignment: Text.AlignBottom verticalAlignment: Text.AlignBottom
text: name text: name
elide: Text.ElideRight elide: Text.ElideRight
color: Style.ncTextColor
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
font.bold: true font.bold: true
} }
@ -118,7 +119,6 @@ AbstractButton {
visible: model.statusMessage !== "" visible: model.statusMessage !== ""
text: statusMessage text: statusMessage
elide: Text.ElideRight elide: Text.ElideRight
color: Style.ncTextColor
font.pixelSize: Style.subLinePixelSize font.pixelSize: Style.subLinePixelSize
leftPadding: Style.accountLabelsSpacing leftPadding: Style.accountLabelsSpacing
} }
@ -131,7 +131,6 @@ AbstractButton {
verticalAlignment: Text.AlignTop verticalAlignment: Text.AlignTop
text: server text: server
elide: Text.ElideRight elide: Text.ElideRight
color: Style.ncTextColor
font.pixelSize: Style.subLinePixelSize font.pixelSize: Style.subLinePixelSize
} }
} }
@ -143,7 +142,7 @@ AbstractButton {
flat: true flat: true
icon.source: "qrc:///client/theme/more.svg" icon.source: "qrc:///client/theme/more.svg"
icon.color: Style.ncTextColor icon.color: palette.buttonText
Accessible.role: Accessible.ButtonMenu Accessible.role: Accessible.ButtonMenu
Accessible.name: qsTr("Account actions") Accessible.name: qsTr("Account actions")
@ -153,19 +152,13 @@ AbstractButton {
background: Rectangle { background: Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: userMoreButton.hovered || userMoreButton.visualFocus ? Style.lightHover : "transparent" color: userMoreButton.hovered || userMoreButton.visualFocus ? palette.highlight : "transparent"
} }
AutoSizingMenu { AutoSizingMenu {
id: userMoreButtonMenu id: userMoreButtonMenu
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape
background: Rectangle {
border.color: Style.menuBorder
color: Style.backgroundColor
radius: 2
}
MenuItem { MenuItem {
visible: model.isConnected && model.serverHasUserStatus visible: model.isConnected && model.serverHasUserStatus
height: visible ? implicitHeight : 0 height: visible ? implicitHeight : 0
@ -174,16 +167,6 @@ AbstractButton {
palette.windowText: Style.ncTextColor palette.windowText: Style.ncTextColor
hoverEnabled: true hoverEnabled: true
onClicked: showUserStatusSelector(index) onClicked: showUserStatusSelector(index)
background: Item {
height: parent.height
width: parent.menu.width
Rectangle {
anchors.fill: parent
anchors.margins: 1
color: parent.parent.hovered ? Style.lightHover : "transparent"
}
}
} }
MenuItem { MenuItem {
@ -202,7 +185,7 @@ AbstractButton {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered ? Style.lightHover : "transparent" color: parent.parent.hovered ? palette.highlight : "transparent"
} }
} }
@ -236,7 +219,7 @@ AbstractButton {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered ? Style.lightHover : "transparent" color: parent.parent.hovered ? palette.highlight : "transparent"
} }
} }

62
src/gui/tray/Window.qml
View file

@ -37,6 +37,26 @@ ApplicationWindow {
color: "transparent" color: "transparent"
flags: Systray.useNormalWindow ? Qt.Window : Qt.Dialog | Qt.FramelessWindowHint flags: Systray.useNormalWindow ? Qt.Window : Qt.Dialog | Qt.FramelessWindowHint
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
palette {
text: Style.ncTextColor
windowText: Style.ncTextColor
buttonText: Style.ncTextColor
brightText: Style.ncTextBrightColor
highlight: Style.lightHover
highlightedText: Style.ncTextColor
light: Style.lightHover
midlight: Style.ncSecondaryTextColor
mid: Style.darkerHover
dark: Style.menuBorder
button: Style.buttonBackgroundColor
window: Style.backgroundColor
base: Style.backgroundColor
toolTipBase: Style.backgroundColor
toolTipText: Style.ncTextColor
}
readonly property int maxMenuHeight: Style.trayWindowHeight - Style.trayWindowHeaderHeight - 2 * Style.trayWindowBorderWidth readonly property int maxMenuHeight: Style.trayWindowHeight - Style.trayWindowHeaderHeight - 2 * Style.trayWindowBorderWidth
Component.onCompleted: Systray.forceWindowInit(trayWindow) Component.onCompleted: Systray.forceWindowInit(trayWindow)
@ -62,8 +82,8 @@ ApplicationWindow {
background: Rectangle { background: Rectangle {
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius
border.width: Style.trayWindowBorderWidth border.width: Style.trayWindowBorderWidth
border.color: Style.menuBorder border.color: palette.dark
color: Style.backgroundColor color: palette.window
} }
Connections { Connections {
@ -138,8 +158,8 @@ ApplicationWindow {
background: Rectangle { background: Rectangle {
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius
border.width: Style.trayWindowBorderWidth border.width: Style.trayWindowBorderWidth
border.color: Style.menuBorder border.color: palette.dark
color: Style.backgroundColor color: palette.window
} }
property int userIndex: 0 property int userIndex: 0
@ -175,8 +195,8 @@ ApplicationWindow {
background: Rectangle { background: Rectangle {
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius
border.width: Style.trayWindowBorderWidth border.width: Style.trayWindowBorderWidth
border.color: Style.menuBorder border.color: palette.dark
color: Style.backgroundColor color: palette.window
} }
property var folderAccountState: ({}) property var folderAccountState: ({})
@ -257,7 +277,6 @@ ApplicationWindow {
Layout.preferredHeight: Style.trayWindowHeaderHeight Layout.preferredHeight: Style.trayWindowHeaderHeight
display: AbstractButton.IconOnly display: AbstractButton.IconOnly
flat: true flat: true
palette: Style.systemPalette
Accessible.role: Accessible.ButtonMenu Accessible.role: Accessible.ButtonMenu
Accessible.name: qsTr("Current account") Accessible.name: qsTr("Current account")
@ -285,11 +304,10 @@ ApplicationWindow {
width: (Style.currentAccountButtonWidth - 2) width: (Style.currentAccountButtonWidth - 2)
height: Math.min(implicitHeight, maxMenuHeight) height: Math.min(implicitHeight, maxMenuHeight)
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape
palette: Style.palette
background: Rectangle { background: Rectangle {
border.color: Style.menuBorder border.color: palette.dark
color: Style.backgroundColor color: palette.base
radius: Style.currentAccountButtonRadius radius: Style.currentAccountButtonRadius
} }
@ -334,7 +352,6 @@ ApplicationWindow {
id: addAccountButton id: addAccountButton
height: Style.addAccountButtonHeight height: Style.addAccountButtonHeight
hoverEnabled: true hoverEnabled: true
palette: Theme.systemPalette
background: Item { background: Item {
height: parent.height height: parent.height
@ -342,7 +359,7 @@ ApplicationWindow {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }
@ -360,7 +377,6 @@ ApplicationWindow {
EnforcedPlainTextLabel { EnforcedPlainTextLabel {
Layout.leftMargin: 14 Layout.leftMargin: 14
text: qsTr("Add account") text: qsTr("Add account")
color: Style.ncTextColor
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
} }
// Filler on the right // Filler on the right
@ -380,13 +396,12 @@ ApplicationWindow {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
implicitHeight: 1 implicitHeight: 1
color: Style.menuBorder color: palette.dark
} }
MenuItem { MenuItem {
id: syncPauseButton id: syncPauseButton
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
palette.windowText: Style.ncTextColor
hoverEnabled: true hoverEnabled: true
onClicked: Systray.syncIsPaused = !Systray.syncIsPaused onClicked: Systray.syncIsPaused = !Systray.syncIsPaused
@ -396,7 +411,7 @@ ApplicationWindow {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }
@ -409,7 +424,6 @@ ApplicationWindow {
id: settingsButton id: settingsButton
text: qsTr("Settings") text: qsTr("Settings")
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
palette.windowText: Style.ncTextColor
hoverEnabled: true hoverEnabled: true
onClicked: Systray.openSettings() onClicked: Systray.openSettings()
@ -419,7 +433,7 @@ ApplicationWindow {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }
@ -432,7 +446,6 @@ ApplicationWindow {
id: exitButton id: exitButton
text: qsTr("Exit"); text: qsTr("Exit");
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
palette.windowText: Style.ncTextColor
hoverEnabled: true hoverEnabled: true
onClicked: Systray.shutdown() onClicked: Systray.shutdown()
@ -442,7 +455,7 @@ ApplicationWindow {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }
@ -656,8 +669,8 @@ ApplicationWindow {
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape
background: Rectangle { background: Rectangle {
border.color: Style.menuBorder border.color: palette.dark
color: Style.backgroundColor color: palette.base
radius: 2 radius: 2
} }
@ -682,9 +695,8 @@ ApplicationWindow {
text: model.appName text: model.appName
font.pixelSize: Style.topLinePixelSize font.pixelSize: Style.topLinePixelSize
palette.windowText: Style.ncTextColor
icon.source: model.appIconUrl icon.source: model.appIconUrl
icon.color: Style.ncTextColor icon.color: palette.buttonText
onTriggered: UserAppsModel.openAppUrl(appUrl) onTriggered: UserAppsModel.openAppUrl(appUrl)
hoverEnabled: true hoverEnabled: true
@ -694,7 +706,7 @@ ApplicationWindow {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
anchors.margins: 1 anchors.margins: 1
color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent" color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
} }
} }

10
theme/Style/Style.qml
View file

@ -11,9 +11,10 @@ QtObject {
// Colors // Colors
readonly property color ncBlue: Theme.wizardHeaderBackgroundColor readonly property color ncBlue: Theme.wizardHeaderBackgroundColor
readonly property color ncTextColor: Theme.systemPalette.windowText readonly property color ncTextColor: Theme.systemPalette.windowText
readonly property color ncTextBrightColor: "white"
readonly property color ncSecondaryTextColor: "#808080" readonly property color ncSecondaryTextColor: "#808080"
readonly property color ncHeaderTextColor: "white"
readonly property color lightHover: Theme.darkMode ? Qt.lighter(backgroundColor, 2) : Qt.darker(backgroundColor, 1.05) readonly property color lightHover: Theme.darkMode ? Qt.lighter(backgroundColor, 2) : Qt.darker(backgroundColor, 1.05)
readonly property color darkerHover: Theme.darkMode ? Qt.lighter(backgroundColor, 2.35) : Qt.darker(backgroundColor, 1.25)
readonly property color menuBorder: Theme.darkMode ? Qt.lighter(backgroundColor, 2.5) : Qt.darker(backgroundColor, 1.5) readonly property color menuBorder: Theme.darkMode ? Qt.lighter(backgroundColor, 2.5) : Qt.darker(backgroundColor, 1.5)
readonly property color backgroundColor: Theme.systemPalette.base readonly property color backgroundColor: Theme.systemPalette.base
readonly property color buttonBackgroundColor: Theme.systemPalette.button readonly property color buttonBackgroundColor: Theme.systemPalette.button
@ -56,8 +57,9 @@ QtObject {
property int iconButtonWidth: 36 property int iconButtonWidth: 36
property int standardPrimaryButtonHeight: 40 property int standardPrimaryButtonHeight: 40
readonly property int smallIconSize: 16
property int minActivityHeight: variableSize(40) property int minActivityHeight: variableSize(32)
property int currentAccountButtonWidth: 220 property int currentAccountButtonWidth: 220
property int currentAccountButtonRadius: 2 property int currentAccountButtonRadius: 2
@ -84,7 +86,7 @@ QtObject {
property int addAccountButtonHeight: 50 property int addAccountButtonHeight: 50
property int headerButtonIconSize: 32 property int headerButtonIconSize: 32
property int dismissButtonSize: 16 property int dismissButtonSize: 26
property int minimumActivityItemHeight: 24 property int minimumActivityItemHeight: 24
property int activityLabelBaseWidth: 240 property int activityLabelBaseWidth: 240
@ -138,8 +140,6 @@ QtObject {
readonly property int minimumWidthResolveConflictsDialog: 600 readonly property int minimumWidthResolveConflictsDialog: 600
readonly property int minimumHeightResolveConflictsDialog: 800 readonly property int minimumHeightResolveConflictsDialog: 800
readonly property int activityContentSpace: 4
readonly property double smallIconScaleFactor: 0.6 readonly property double smallIconScaleFactor: 0.6
readonly property double trayFolderListButtonWidthScaleFactor: 1.75 readonly property double trayFolderListButtonWidthScaleFactor: 1.75