background: Rectangle {
radius: Style.slightlyRoundedButtonRadius
- color: Style.buttonBackgroundColor
+ color: palette.button
opacity: clearComboBox.hovered ? Style.hoverOpacity : 1.0
}
rightPadding: clearComboBox.indicator.width + clearComboBox.spacing
text: clearComboBox.displayText
- color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter
elide: Text.ElideRight
}
anchors.verticalCenter: clearComboBox.verticalCenter
cached: true
- color: Style.ncTextColor
width: source.width
height: source.height
source: Image {
}
background: Rectangle {
- color: Style.backgroundColor
- border.color: Style.menuBorder
+ color: palette.toolTipBase
+ border.color: palette.dark
radius: Style.slightlyRoundedButtonRadius
}
}
width: clearComboBox.width
contentItem: EnforcedPlainTextLabel {
text: modelData.display
- color: Style.ncTextColor
elide: Text.ElideRight
verticalAlignment: Text.AlignVCenter
}
highlighted: clearComboBox.highlightedIndex === index
background: Rectangle {
- color: clearStatusDelegate.highlighted || clearStatusDelegate.hovered ? Style.lightHover : Style.backgroundColor
+ color: clearStatusDelegate.highlighted || clearStatusDelegate.hovered ? palette.highlight : palette.base
}
}
}
height: headerLayout.height
background: Rectangle {
- color: Style.lightHover
- visible: ListView.isCurrentItem || headerDelegate.highlighted || headerDelegate.checked || headerDelegate.down || headerDelegate.hovered
+ color: palette.highlight
+ visible: ListView.isCurrentItem ||
+ headerDelegate.highlighted ||
+ headerDelegate.checked ||
+ headerDelegate.down ||
+ headerDelegate.hovered
radius: Style.slightlyRoundedButtonRadius
}
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
text: emoji
- color: Style.ncTextColor
}
Rectangle {
visible: ListView.isCurrentItem
- color: Style.menuBorder
+ color: palette.dark
}
Rectangle {
height: Style.normalBorderWidth
Layout.fillWidth: true
- color: Style.menuBorder
+ color: palette.dark
}
GridView {
height: metrics.height * 2
background: Rectangle {
- color: Style.lightHover
+ color: palette.highlight
visible: ListView.isCurrentItem || emojiDelegate.highlighted || emojiDelegate.checked || emojiDelegate.down || emojiDelegate.hovered
radius: Style.slightlyRoundedButtonRadius
}
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
text: modelData === undefined ? "" : modelData.unicode
- color: Style.ncTextColor
}
onClicked: {
width: parent.width * 0.8
anchors.centerIn: parent
text: qsTr("No recent emojis")
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
font.bold: true
visible: emojiView.count === 0
EnforcedPlainTextLabel {
Layout.fillWidth: true
- color: Style.ncTextColor
font.bold: true
text: qsTr("Error")
visible: errorBox.showCloseButton
Layout.preferredHeight: Style.iconButtonWidth
background: null
- icon.color: Style.ncTextColor
+ icon.color: palette.buttonText
icon.source: "qrc:///client/theme/close.svg"
visible: errorBox.showCloseButton
Layout.fillHeight: true
Layout.columnSpan: 2
- color: Style.ncTextColor
wrapMode: Text.WordWrap
text: errorBox.text
}
property string clearAtText: ""
background: Rectangle {
- color: root.hovered || root.checked ? Style.lightHover : "transparent"
+ color: root.hovered || root.checked ? palette.highlight : "transparent"
radius: Style.slightlyRoundedButtonRadius
}
spacing: Style.smallSpacing
EnforcedPlainTextLabel {
text: root.statusText
- color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter
font.bold: true
}
EnforcedPlainTextLabel {
text: "-"
- color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter
}
EnforcedPlainTextLabel {
text: root.clearAtText
- color: Style.ncTextColor
verticalAlignment: Text.AlignVCenter
}
}
Layout.fillWidth: true
Layout.leftMargin: 5
Layout.rightMargin: 5
- color: Style.menuBorder
+ color: palette.dark
height: 1
}
horizontalAlignment: Text.AlignHCenter
font.bold: true
text: qsTr("Online status")
- color: Style.ncTextColor
}
GridLayout {
horizontalAlignment: Text.AlignHCenter
font.bold: true
text: qsTr("Status message")
- color: Style.ncTextColor
}
RowLayout {
padding: 0
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
// by overlaying different rectangles on top of each other
background: Rectangle {
radius: Style.slightlyRoundedButtonRadius
- color: Style.buttonBackgroundColor
+ color: palette.button
border.color: fieldButton.borderColor
border.width: Style.normalBorderWidth
anchors.leftMargin: parent.width / 2
anchors.rightMargin: -1
z: 1
- color: Style.buttonBackgroundColor
+ color: palette.button
border.color: fieldButton.borderColor
border.width: Style.normalBorderWidth
}
anchors.topMargin: Style.normalBorderWidth
anchors.bottomMargin: Style.normalBorderWidth
z: 2
- color: Style.buttonBackgroundColor
+ color: palette.button
}
}
}
anchors.centerIn: Overlay.overlay
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.toolTipBase
border.width: Style.normalBorderWidth
- border.color: Style.menuBorder
+ border.color: palette.dark
radius: Style.slightlyRoundedButtonRadius
}
TextField {
id: userStatusMessageTextField
- property color borderColor: activeFocus ? Style.ncBlue : Style.menuBorder
+ property color borderColor: activeFocus ? Style.ncBlue : palette.dark
Layout.fillWidth: true
Layout.preferredHeight: contentHeight + (Style.smallSpacing * 2)
placeholderText: qsTr("What is your status?")
- placeholderTextColor: Style.ncSecondaryTextColor
+ placeholderTextColor: palette.midlight
text: userStatusSelectorModel.userStatusMessage
- color: Style.ncTextColor
verticalAlignment: TextInput.AlignVCenter
selectByMouse: true
onEditingFinished: userStatusSelectorModel.userStatusMessage = text
background: Rectangle {
radius: Style.slightlyRoundedButtonRadius
- color: Style.backgroundColor
+ color: palette.base
border.color: userStatusMessageTextField.borderColor
border.width: Style.normalBorderWidth
anchors.fill: parent
anchors.rightMargin: parent.width / 2
z: 1
- color: Style.backgroundColor
+ color: palette.base
border.color: userStatusMessageTextField.borderColor
border.width: Style.normalBorderWidth
}
anchors.topMargin: Style.normalBorderWidth
anchors.bottomMargin: Style.normalBorderWidth
z: 2
- color: Style.backgroundColor
+ color: palette.base
}
}
}
verticalAlignment: Text.AlignVCenter
text: qsTr("Clear status message after")
- color: Style.ncTextColor
wrapMode: Text.Wrap
}
background: Rectangle {
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
border.color: Style.ncBlue
border.width: root.showBorder ? root.primary ? Style.normalBorderWidth : Style.thickBorderWidth : 0
text: root.text
wrapMode: Text.Wrap
- color: root.colored ? Style.ncHeaderTextColor : Style.ncTextColor
+ color: root.colored ? palette.brightText : palette.buttonText
font.bold: root.primary
}
text: root.secondaryText
wrapMode: Text.Wrap
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
visible: root.secondaryText !== ""
}
}
padding: Style.standardSpacing * 2
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
radius: Style.trayWindowRadius
}
bottomPadding: intendedPadding
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
visible: root.backgroundsVisible
}
Layout.rightMargin: headerGridLayout.textRightMargin
text: root.fileDetails.name
- color: Style.ncTextColor
font.bold: true
wrapMode: Text.Wrap
}
Layout.preferredHeight: width
Layout.rightMargin: headerGridLayout.textRightMargin
- icon.source: "image://svgimage-custom-color/clear.svg" + "/" + Style.ncTextColor
- bgColor: Style.lightHover
+ icon.source: "image://svgimage-custom-color/clear.svg" + "/" + palette.buttonText
+ bgColor: palette.highlight
bgNormalOpacity: 0
toolTipText: qsTr("Dismiss")
Layout.rightMargin: headerGridLayout.textRightMargin
text: `${root.fileDetails.sizeString} · ${root.fileDetails.lastChangedString}`
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
}
Layout.rightMargin: headerGridLayout.textRightMargin
text: root.fileDetails.lockExpireString
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
visible: headerGridLayout.showFileLockedString
}
padding: 0
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
}
NCTabButton {
property bool backgroundsVisible: true
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
visible: root.backgroundsVisible
}
id: internalLabel
background: Rectangle {
- border.color: Style.lightHover
+ border.color: palette.dark
border.width: Style.normalBorderWidth
radius: Style.veryRoundedButtonRadius
color: "transparent"
}
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
elide: Text.ElideRight
padding: Style.smallSpacing
}
TextEdit {
id: root
- property color accentColor: Style.ncBlue
- property color secondaryColor: Style.menuBorder
- property alias submitButton: submitButton
+ readonly property color accentColor: Style.ncBlue
+ readonly property color secondaryColor: palette.dark
+ readonly property alias submitButton: submitButton
clip: true
- color: Style.ncTextColor
textMargin: Style.smallSpacing
wrapMode: TextEdit.Wrap
selectByMouse: true
radius: Style.slightlyRoundedButtonRadius
border.width: Style.normalBorderWidth
border.color: root.activeFocus ? root.accentColor : root.secondaryColor
- color: Style.backgroundColor
+ color: palette.base
z: -1
}
TextField {
id: root
- property color accentColor: Style.ncBlue
- property color secondaryColor: Style.menuBorder
- property alias submitButton: submitButton
+ readonly property color accentColor: Style.ncBlue
+ readonly property color secondaryColor: palette.dark
+ readonly property alias submitButton: submitButton
implicitHeight: Style.talkReplyTextFieldPreferredHeight
- color: Style.ncTextColor
- placeholderTextColor: secondaryColor
rightPadding: submitButton.width
radius: Style.slightlyRoundedButtonRadius
border.width: Style.normalBorderWidth
border.color: root.activeFocus ? root.accentColor : root.secondaryColor
- color: Style.backgroundColor
+ color: palette.base
}
Button {
RadioButton {
id: root
+
property int indicatorItemWidth: Style.radioButtonIndicatorSize
property int indicatorItemHeight: Style.radioButtonIndicatorSize
- property string color: Style.ncTextColor
- readonly property int radius: Style.radioButtonCustomRadius
+ property int radius: Style.radioButtonCustomRadius
indicator: Rectangle {
implicitWidth: root.indicatorItemWidth
anchors.left: parent.left
anchors.leftMargin: Style.radioButtonCustomMarginLeftOuter
radius: root.radius
- border.color: root.color
+ border.color: palette.dark
border.width: Style.normalBorderWidth
+
Rectangle {
anchors.fill: parent
visible: root.checked
- color: root.color
+ color: palette.buttonText
radius: root.radius
anchors.margins: Style.radioButtonCustomMarginLeftInner
}
padding: Style.smallSpacing
background: Rectangle {
radius: Style.slightlyRoundedButtonRadius
- color: tabButton.pressed ? Style.lightHover : Style.backgroundColor
+ color: tabButton.pressed ? palette.highlight : palette.window
}
contentItem: ColumnLayout {
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.
// So we use a wrapping Item and use anchors to adjust the size.
implicitWidth: textWidth + Style.standardSpacing * 2
implicitHeight: 2
- color: tabButton.checked ? Style.ncBlue : tabButton.hovered ? Style.lightHover : "transparent"
+ color: tabButton.checked ? Style.ncBlue : tabButton.hovered ? palette.highlight : "transparent"
}
}
}
Layout.rowSpan: root.rows
text: root.text
- color: Style.ncTextColor
elide: Text.ElideRight
}
Layout.column: 1
text: root.detailText
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
elide: Text.ElideRight
visible: text !== ""
}
toolTipText: qsTr("Create a new share link")
- bgColor: Style.lightHover
+ bgColor: palette.highlight
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
toolTipText: qsTr("Copy share link location")
text: shareLinkCopied ? qsTr("Copied!") : ""
- textColor: Style.ncHeaderTextColor
+ textColor: palette.brightText
contentsFont.bold: true
- bgColor: shareLinkCopied ? Style.positiveColor : Style.lightHover
+ bgColor: shareLinkCopied ? Style.positiveColor : palette.highlight
bgNormalOpacity: shareLinkCopied ? 1 : 0
- icon.source: shareLinkCopied ? "image://svgimage-custom-color/copy.svg/" + Style.ncHeaderTextColor :
- "image://svgimage-custom-color/copy.svg/" + Style.ncTextColor
+ icon.source: shareLinkCopied ? "image://svgimage-custom-color/copy.svg/" + palette.brightText :
+ "image://svgimage-custom-color/copy.svg/" + palette.buttonText
icon.width: Style.smallIconSize
icon.height: Style.smallIconSize
toolTipText: qsTr("Share options")
- bgColor: Style.lightHover
+ bgColor: palette.highlight
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
padding: Style.standardSpacing * 2
background: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
visible: root.backgroundsVisible
}
Layout.fillWidth: true
text: qsTr("Edit share")
- color: Style.ncTextColor
font.bold: true
elide: Text.ElideRight
}
Layout.preferredHeight: width
Layout.rightMargin: root.padding
- icon.source: "image://svgimage-custom-color/clear.svg" + "/" + Style.ncTextColor
- bgColor: Style.lightHover
+ icon.source: "image://svgimage-custom-color/clear.svg" + "/" + palette.buttonText
+ bgColor: palette.highlight
bgNormalOpacity: 0
toolTipText: qsTr("Dismiss")
Layout.rightMargin: root.padding
text: root.fileDetails.name
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
}
}
horizontalAlignment: Image.AlignHCenter
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.height: moreMenu.rowIconWidth
}
sourceComponent: CheckBox {
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the checkbox
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding
indicator.width: moreMenu.indicatorItemWidth
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the checkbox
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the checkbox
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding
horizontalAlignment: Image.AlignHCenter
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.height: moreMenu.rowIconWidth
}
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the checkbox
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding
horizontalAlignment: Image.AlignHCenter
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.height: moreMenu.rowIconWidth
}
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the checkbox
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the checkbox
spacing: moreMenu.indicatorSpacing
padding: moreMenu.itemPadding
horizontalAlignment: Image.AlignHCenter
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.height: moreMenu.rowIconWidth
}
height: Style.standardPrimaryButtonHeight
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")
textColor: Style.errorBoxBackgroundColor
textColorHovered: "white"
contentsFont.bold: true
- bgNormalColor: Style.buttonBackgroundColor
+ bgNormalColor: palette.button
bgHoverColor: Style.errorBoxBackgroundColor
bgNormalOpacity: 1.0
bgHoverOpacity: 1.0
height: Style.standardPrimaryButtonHeight
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")
textColor: Style.ncBlue
- textColorHovered: Style.ncHeaderTextColor
+ textColorHovered: palette.brightText
contentsFont.bold: true
- bgNormalColor: Style.buttonBackgroundColor
+ bgNormalColor: palette.button
bgHoverColor: Style.ncBlue
bgNormalOpacity: 1.0
bgHoverOpacity: 1.0
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")
- textColor: Style.ncHeaderTextColor
+ textColor: palette.brightText
contentsFont.bold: true
bgColor: shareLinkCopied ? Style.positiveColor : Style.ncBlue
bgNormalOpacity: 1.0
z: Infinity
sourceComponent: Rectangle {
- color: Style.backgroundColor
+ color: palette.window
opacity: 0.5
NCBusyIndicator {
anchors.centerIn: parent
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
}
}
}
id: sharingDisabledLabel
width: parent.width
text: qsTr("Sharing is disabled")
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
EnforcedPlainTextLabel {
width: parent.width
text: qsTr("This item cannot be shared.")
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
EnforcedPlainTextLabel {
width: parent.width
text: qsTr("Sharing is disabled.")
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignLeft
verticalAlignment: Text.AlignVCenter
text: model.display
- color: Style.ncTextColor
}
}
}
}
readonly property int horizontalPaddingOffset: Style.trayHorizontalMargin
- readonly property color placeholderColor: Style.menuBorder
+ readonly property color placeholderColor: palette.dark
readonly property double iconsScaleFactor: 0.6
function triggerSuggestionsVisibility() {
placeholderText: qsTr("Search for users or groups…")
placeholderTextColor: placeholderColor
- color: Style.ncTextColor
enabled: !shareeModel.fetchOngoing
onActiveFocusChanged: triggerSuggestionsVisibility()
background: Rectangle {
radius: 5
- border.color: parent.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder
+ border.color: parent.activeFocus ? UserModel.currentUser.accentColor : palette.dark
border.width: 1
- color: Style.backgroundColor
+ color: palette.base
}
Image {
height: 100
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
- brightText: Style.ncTextBrightColor
- highlight: Style.lightHover
- highlightedText: Style.ncTextColor
- light: Style.lightHover
- midlight: Style.lightHover
- mid: Style.ncSecondaryTextColor
- dark: Style.menuBorder
- button: Style.menuBorder
- window: Style.backgroundColor
- base: Style.backgroundColor
- toolTipBase: Style.backgroundColor
- toolTipText: Style.ncTextColor
- }
-
contentItem: ScrollView {
id: suggestionsScrollView
highlight: Rectangle {
width: shareeListView.currentItem.width
height: shareeListView.currentItem.height
- color: Style.lightHover
+ color: palette.highlight
}
highlightFollowsCurrentItem: true
highlightMoveDuration: 0
property string imageSourceHover: ""
- property color adjustedHeaderColor: Style.adjustedCurrentUserHeaderColor
- property color textColor: primaryButton ? adjustedHeaderColor : Style.ncTextColor
- property color textColorHovered: primaryButton ? Style.currentUserHeaderTextColor : Style.ncTextColor
+ readonly property color adjustedHeaderColor: Style.adjustedCurrentUserHeaderColor
+ readonly property color textColor: primaryButton ? adjustedHeaderColor : palette.buttonText
+ readonly property color textColorHovered: primaryButton ? Style.currentUserHeaderTextColor : palette.buttonText
property string verb: ""
property bool isTalkReplyButton: false
text: root.toolTipText
delay: Qt.styleHints.mousePressAndHoldInterval
visible: root.toolTipText !== "" && root.hovered
- contentItem: EnforcedPlainTextLabel {
- text: customTextButtonTooltip.text
- color: Style.ncTextColor
- }
+ contentItem: EnforcedPlainTextLabel { text: customTextButtonTooltip.text }
background: Rectangle {
- border.color: Style.menuBorder
- color: Style.backgroundColor
+ border.color: palette.dark
+ color: palette.toolTipBase
}
}
property variant activity: {{}}
- property color activityTextTitleColor: Style.ncTextColor
-
property bool showDismissButton: false
property bool childHovered: fileDetailsButton.hovered || dismissActionButton.hovered
wrapMode: Text.Wrap
maximumLineCount: 2
font.pixelSize: Style.topLinePixelSize
- color: Style.ncTextColor
visible: text !== ""
}
text: root.activityData.dateTime
font.pixelSize: Style.subLinePixelSize
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
visible: text !== ""
}
Layout.preferredHeight: Style.dismissButtonSize
Layout.alignment: Qt.AlignTop | Qt.AlignRight
- icon.source: "image://svgimage-custom-color/more.svg/" + Style.ncTextColor
+ icon.source: "image://svgimage-custom-color/more.svg/" + palette.buttonText
NCToolTip {
text: qsTr("Open file details")
display: Button.IconOnly
leftPadding: 0
rightPadding: 0
- bgColor: Style.darkerHover
+ bgColor: palette.mid
bgNormalOpacity: 0
visible: model.showFileDetails
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
display: Button.IconOnly
leftPadding: 0
rightPadding: 0
- bgColor: Style.darkerHover
+ bgColor: palette.mid
bgNormalOpacity: 0
NCToolTip {
wrapMode: Text.Wrap
maximumLineCount: 2
font.pixelSize: Style.subLinePixelSize
- color: Style.ncTextColor
visible: text !== ""
}
wrapMode: Text.Wrap
maximumLineCount: 2
font.pixelSize: Style.topLinePixelSize
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
visible: text !== ""
}
delegate: MenuItem {
id: moreActionsButtonContextMenuEntry
text: model.modelData.label
- palette.windowText: Style.ncTextColor
onTriggered: menuEntryTriggered(model.modelData.actionIndex)
}
}
id: activityHover
anchors.fill: activityList.currentItem
-
- color: Style.lightHover
+ color: palette.highlight
visible: activityList.activeFocus
-
radius: Style.mediumRoundedButtonRadius
}
+
highlightFollowsCurrentItem: true
highlightMoveDuration: 0
highlightResizeDuration: 0
verticalAlignment: Image.AlignVCenter
horizontalAlignment: Image.AlignHCenter
fillMode: Image.PreserveAspectFit
- source: "image://svgimage-custom-color/activity.svg/" + Style.ncSecondaryTextColor
+ source: "image://svgimage-custom-color/activity.svg/" + palette.midlight
}
EnforcedPlainTextLabel {
width: parent.width
text: qsTr("No activities yet")
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
font.bold: true
wrapMode: Text.Wrap
horizontalAlignment: Text.AlignHCenter
Menu {
background: Rectangle {
- border.color: Style.menuBorder
- color: Style.backgroundColor
+ border.color: palette.dark
+ color: palette.base
}
width: {
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius
color: Style.backgroundColor
border.width: Style.trayWindowBorderWidth
- border.color: Style.menuBorder
+ border.color: palette.dark
clip: true
Loader {
cache: true
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.height: Style.accountAvatarSize
EnforcedPlainTextLabel {
id: message
text: root.subject
- color: root.usingUserAvatar ? "white" : Style.ncTextColor
+ color: root.usingUserAvatar ? palette.brightText : palette.windowText
font.pixelSize: Style.topLinePixelSize
wrapMode: Text.WordWrap
horizontalAlignment: Text.AlignHCenter
bgColor: Style.ncBlue
bgNormalOpacity: 0.8
- textColor: Style.ncHeaderTextColor
+ textColor: palette.brightText
- icon.source: root.talkIcon + Style.ncHeaderTextColor
- imageSourceHover: root.talkIcon + Style.ncHeaderTextColor
+ icon.source: root.talkIcon + palette.brightText
+ imageSourceHover: root.talkIcon + palette.brightText
Layout.fillWidth: true
Layout.preferredHeight: Style.callNotificationPrimaryButtonMinHeight
bgColor: Style.errorBoxBackgroundColor
bgNormalOpacity: 0.8
- textColor: Style.ncHeaderTextColor
+ textColor: palette.brightText
icon.source: root.deleteIcon + "white"
imageSourceHover: root.deleteIcon + "white"
property string toolTipText: ""
- property color textColor: Style.ncTextColor
+ property color textColor: palette.buttonText
property color textColorHovered: textColor
property alias contentsFont: contents.font
id: windowBackground
color: Style.backgroundColor
radius: Style.trayWindowRadius
- border.color: Style.ncTextColor
+ border.color: palette.dark
anchors.fill: parent
}
anchors.leftMargin: Style.standardSpacing
anchors.rightMargin: Style.standardSpacing
spacing: Style.standardSpacing
+
NCBusyIndicator {
id: busyIndicator
Layout.topMargin: Style.standardSpacing
imageSourceSizeHeight: root.iconWidth
imageSourceSizeWidth: root.iconWidth
padding: 0
- color: Style.ncTextColor
+ color: palette.windowText
running: true
}
EnforcedPlainTextLabel {
elide: Text.ElideMiddle
font.bold: true
font.pixelSize: root.fontPixelSize
- color: Style.ncTextColor
horizontalAlignment: Text.AlignHCenter
visible: root.fileName !== ""
}
text: qsTr("Opening file for local editing")
elide: Text.ElideRight
font.pixelSize: root.fontPixelSize
- color: Style.ncTextColor
horizontalAlignment: Text.AlignHCenter
}
}
icon.width: Style.headerButtonIconSize
icon.height: Style.headerButtonIconSize
- icon.color: Style.ncHeaderTextColor
+ icon.color: palette.brightText
Layout.alignment: Qt.AlignRight
Layout.preferredWidth: Style.trayWindowHeaderHeight
property int titleFontSize: Style.unifiedSearchResultTitleFontSize
property int sublineFontSize: Style.unifiedSearchResultSublineFontSize
- property color titleColor: Style.ncTextColor
- property color sublineColor: Style.ncSecondaryTextColor
+ property color titleColor: palette.windowText
+ property color sublineColor: palette.midlight
EnforcedPlainTextLabel {
id: title
BusyIndicator {
id: root
- property color color: Style.ncSecondaryTextColor
+ property color color: palette.midlight
property string imageSource: "image://svgimage-custom-color/change.svg/"
property int imageSourceSizeWidth: 64
property bool hovered: false
property real normalOpacity: 0.3
property real hoverOpacity: 1.0
- property color normalColor: Style.buttonBackgroundColor
- property color hoverColor: Style.buttonBackgroundColor
+ property color normalColor: palette.button
+ property color hoverColor: palette.button
color: hovered ? hoverColor : normalColor
opacity: hovered ? hoverOpacity : normalOpacity
property string text: ""
property var display
- property color textColor: Style.ncTextColor
+ property color textColor: palette.buttonText
property color textColorHovered: textColor
property alias font: buttonLabel.font
delay: Qt.styleHints.mousePressAndHoldInterval
contentItem: EnforcedPlainTextLabel {
text: toolTip.text
- color: Style.ncTextColor
wrapMode: Text.Wrap
+ color: palette.toolTipText
}
background: Rectangle {
- border.color: Style.menuBorder
- color: Style.backgroundColor
+ border.color: palette.dark
+ color: palette.toolTipBase
}
}
verticalAlignment: Text.AlignVCenter
font.pixelSize: Style.topLinePixelSize
font.bold: true
- color: Style.ncTextColor
wrapMode: Text.Wrap
}
// TODO: Rather than setting all these palette colours manually,
// create a custom style and do it for all components globally
- palette.window: Style.ncTextColor // NOTE: Fusion theme uses darker window colour for the border of the progress bar
+ palette.window: palette.dark // NOTE: Fusion theme uses darker window colour for the border of the progress bar
value: syncStatus.syncProgress
}
}
text: syncStatus.syncStatusDetailString
visible: syncStatus.syncStatusDetailString !== ""
- color: Style.ncSecondaryTextColor
+ color: palette.midlight
font.pixelSize: Style.subLinePixelSize
wrapMode: Text.Wrap
}
height: Style.talkReplyTextFieldPreferredHeight
visible: model.messageSent === ""
- color: Style.ncTextColor
placeholderText: qsTr("Reply to …")
onAccepted: sendReplyMessage()
id: replyMessageTextFieldBorder
radius: width / 2
border.width: Style.normalBorderWidth
- border.color: replyMessageTextField.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder
- color: Style.backgroundColor
+ border.color: replyMessageTextField.activeFocus ? UserModel.currentUser.accentColor : palette.dark
+ color: palette.window
}
Button {
background: null
icon {
- source: "image://svgimage-custom-color/send.svg" + "/" + Style.menuBorder
- color: hovered || !sendReplyMessageButton.enabled ? Style.menuBorder : UserModel.currentUser.accentColor
+ source: "image://svgimage-custom-color/send.svg" + "/" + palette.dark
+ color: hovered || !sendReplyMessageButton.enabled ? palette.dark : UserModel.currentUser.accentColor
}
anchors {
EnforcedPlainTextLabel {
property bool hovered: false
- property color textColor: Style.ncTextColor
- property color textColorHovered: Style.ncSecondaryTextColor
+ property color textColor: palette.windowText
+ property color textColorHovered: palette.midlight
property bool bold: false
font.underline: true
id: root
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
NCToolTip {
Rectangle {
anchors.fill: parent
anchors.margins: Style.normalBorderWidth
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"
}
}
subline: model.modelData.parentPath
width: foldersMenuListView.width
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: {
foldersMenu.close();
property bool isSearchInProgress: false
- readonly property color textFieldIconsColor: Style.menuBorder
+ readonly property color textFieldIconsColor: palette.dark
readonly property int textFieldIconsOffset: Style.trayHorizontalMargin
selectByMouse: true
- palette.text: Style.ncSecondaryTextColor
+ palette.text: palette.midlight
background: Rectangle {
radius: 5
- border.color: parent.activeFocus ? UserModel.currentUser.accentColor : Style.menuBorder
+ border.color: parent.activeFocus ? UserModel.currentUser.accentColor : palette.dark
border.width: 1
- color: Style.backgroundColor
+ color: palette.window
}
Image {
property int fontSize: Style.unifiedSearchResultTitleFontSize
- property string textColor: Style.ncSecondaryTextColor
+ property string textColor: palette.midlight
Accessible.role: Accessible.ListItem
Accessible.name: unifiedSearchResultItemFetchMoreText.text
property int titleFontSize: Style.unifiedSearchResultTitleFontSize
property int sublineFontSize: Style.unifiedSearchResultSublineFontSize
- property color titleColor: Style.ncTextColor
- property color sublineColor: Style.ncSecondaryTextColor
+ property color titleColor: palette.buttonText
+ property color sublineColor: palette.midlight
Accessible.role: Accessible.ListItem
* one single gradient sweeping over the base color components
*/
- property color baseGradientColor: Style.lightHover
+ property color baseGradientColor: palette.light
property int animationRectangleWidth: Style.trayWindowWidth
Item {
id: placeholderSectionHeaderRectangle
anchors.fill: parent
radius: Style.veryRoundedButtonRadius
- color: Style.lightHover
+ color: palette.light
clip: true
visible: false
Rectangle {
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 animationEndX: width
Rectangle {
id: unifiedSearchResultHoverBackground
anchors.fill: parent
- color: (parent.containsMouse ? Style.lightHover : "transparent")
+ color: (parent.containsMouse ? palette.highlight : "transparent")
}
Loader {
EnforcedPlainTextLabel {
id: unifiedSearchResultsNoResultsLabel
text: qsTr("No results for")
- color: Style.menuBorder
+ color: palette.dark
font.pixelSize: Style.subLinePixelSize * 1.25
wrapMode: Text.Wrap
Layout.fillWidth: true
EnforcedPlainTextLabel {
id: unifiedSearchResultsNoResultsLabelDetails
text: unifiedSearchResultNothingFoundContainer.text
- color: Style.ncTextColor
font.pixelSize: Style.topLinePixelSize * 1.25
wrapMode: Text.Wrap
maximumLineCount: 2
background: Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: (userLine.hovered || userLine.visualFocus) && !(userMoreButton.hovered || userMoreButton.visualFocus) ? Style.lightHover : Style.backgroundColor\r
+ color: (userLine.hovered || userLine.visualFocus) &&\r
+ !(userMoreButton.hovered || userMoreButton.visualFocus) ?\r
+ palette.highlight : palette.base\r
}\r
\r
contentItem: RowLayout {\r
verticalAlignment: Text.AlignBottom\r
text: name\r
elide: Text.ElideRight\r
- color: Style.ncTextColor\r
font.pixelSize: Style.topLinePixelSize\r
font.bold: true\r
}\r
visible: model.statusMessage !== ""\r
text: statusMessage\r
elide: Text.ElideRight\r
- color: Style.ncTextColor\r
font.pixelSize: Style.subLinePixelSize\r
leftPadding: Style.accountLabelsSpacing\r
}\r
verticalAlignment: Text.AlignTop\r
text: server\r
elide: Text.ElideRight\r
- color: Style.ncTextColor\r
font.pixelSize: Style.subLinePixelSize\r
}\r
}\r
flat: true\r
\r
icon.source: "qrc:///client/theme/more.svg"\r
- icon.color: Style.ncTextColor\r
+ icon.color: palette.buttonText\r
\r
Accessible.role: Accessible.ButtonMenu\r
Accessible.name: qsTr("Account actions")\r
background: Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: userMoreButton.hovered || userMoreButton.visualFocus ? Style.lightHover : "transparent"\r
+ color: userMoreButton.hovered || userMoreButton.visualFocus ? palette.highlight : "transparent"\r
}\r
\r
AutoSizingMenu {\r
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape\r
\r
background: Rectangle {\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.base\r
radius: 2\r
}\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered ? palette.highlight : "transparent"\r
}\r
}\r
}\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered ? palette.highlight : "transparent"\r
}\r
}\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered ? palette.highlight : "transparent"\r
}\r
}\r
\r
background: Rectangle {\r
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius\r
border.width: Style.trayWindowBorderWidth\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.window\r
}\r
\r
Connections {\r
background: Rectangle {\r
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius\r
border.width: Style.trayWindowBorderWidth\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.window\r
}\r
\r
property int userIndex: 0\r
background: Rectangle {\r
radius: Systray.useNormalWindow ? 0.0 : Style.trayWindowRadius\r
border.width: Style.trayWindowBorderWidth\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.window\r
}\r
\r
property var folderAccountState: ({})\r
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape\r
\r
background: Rectangle {\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.base\r
radius: Style.currentAccountButtonRadius\r
}\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"\r
}\r
}\r
\r
EnforcedPlainTextLabel {\r
Layout.leftMargin: 14\r
text: qsTr("Add account")\r
- color: Style.ncTextColor\r
font.pixelSize: Style.topLinePixelSize\r
}\r
// Filler on the right\r
anchors.left: parent.left\r
anchors.right: parent.right\r
implicitHeight: 1\r
- color: Style.menuBorder\r
+ color: palette.dark\r
}\r
\r
MenuItem {\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"\r
}\r
}\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"\r
}\r
}\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"\r
}\r
}\r
\r
closePolicy: Menu.CloseOnPressOutsideParent | Menu.CloseOnEscape\r
\r
background: Rectangle {\r
- border.color: Style.menuBorder\r
- color: Style.backgroundColor\r
+ border.color: palette.dark\r
+ color: palette.base\r
radius: 2\r
}\r
\r
text: model.appName\r
font.pixelSize: Style.topLinePixelSize\r
icon.source: model.appIconUrl\r
- icon.color: Style.ncTextColor\r
+ icon.color: palette.buttonText\r
onTriggered: UserAppsModel.openAppUrl(appUrl)\r
hoverEnabled: true\r
\r
Rectangle {\r
anchors.fill: parent\r
anchors.margins: 1\r
- color: parent.parent.hovered || parent.parent.visualFocus ? Style.lightHover : "transparent"\r
+ color: parent.parent.hovered || parent.parent.visualFocus ? palette.highlight : "transparent"\r
}\r
}\r
\r
readonly property color ncTextColor: Theme.systemPalette.windowText\r
readonly property color ncTextBrightColor: "white"\r
readonly property color ncSecondaryTextColor: "#808080"\r
- readonly property color ncHeaderTextColor: "white"\r
readonly property color lightHover: Theme.darkMode ? Qt.lighter(backgroundColor, 2) : Qt.darker(backgroundColor, 1.05)\r
readonly property color darkerHover: Theme.darkMode ? Qt.lighter(backgroundColor, 2.35) : Qt.darker(backgroundColor, 1.25)\r
readonly property color menuBorder: Theme.darkMode ? Qt.lighter(backgroundColor, 2.5) : Qt.darker(backgroundColor, 1.5)\r