mirror of
https://github.com/nextcloud/desktop.git
synced 2024-11-24 14:05:58 +03:00
2d08cdb503
remove custom binding between c++ native Qt API for system palette and our QML styling code for colors detection fixes many issues with dark mode using Windows native style Signed-off-by: Matthieu Gallien <matthieu.gallien@nextcloud.com>
208 lines
9.5 KiB
QML
208 lines
9.5 KiB
QML
pragma Singleton
|
|
|
|
import QtQuick
|
|
|
|
import com.nextcloud.desktopclient
|
|
|
|
QtObject {
|
|
readonly property int pixelSize: fontMetrics.font.pixelSize
|
|
readonly property bool darkMode: Theme.darkMode
|
|
|
|
property SystemPalette nativePalette: SystemPalette {
|
|
}
|
|
|
|
// Colors
|
|
readonly property color ncBlue: Theme.wizardHeaderBackgroundColor
|
|
readonly property color ncHeaderTextColor: Theme.wizardHeaderTitleColor
|
|
readonly property color ncTextColor: nativePalette.text
|
|
readonly property color ncTextBrightColor: "white"
|
|
readonly property color ncSecondaryTextColor: "#808080"
|
|
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 backgroundColor: nativePalette.window
|
|
readonly property color buttonBackgroundColor: nativePalette.button
|
|
readonly property color positiveColor: Qt.rgba(0.38, 0.74, 0.38, 1)
|
|
|
|
readonly property color currentUserHeaderColor: UserModel.currentUser ? UserModel.currentUser.headerColor : ncBlue
|
|
readonly property color currentUserHeaderTextColor: UserModel.currentUser ? UserModel.currentUser.headerTextColor : ncHeaderTextColor
|
|
readonly property color adjustedCurrentUserHeaderColor: Theme.darkMode ? Qt.lighter(currentUserHeaderColor, 2)
|
|
: Qt.darker(currentUserHeaderColor, 1.5)
|
|
|
|
// ErrorBox colors
|
|
readonly property color errorBoxBackgroundColor: Qt.rgba(0.89, 0.18, 0.18, 1)
|
|
readonly property int errorBoxStripeWidth: 4
|
|
|
|
// InfoBox colors
|
|
readonly property color infoBoxBackgroundColor: Qt.rgba(0, 0.51, 0.79, 0.1)
|
|
readonly property int infoBoxBorderWidth: 1
|
|
readonly property color infoBoxBorderColor: Qt.rgba(0, 0.51, 0.79, 1)
|
|
|
|
// Fonts
|
|
// We are using pixel size because this is cross platform comparable, point size isn't
|
|
readonly property int topLinePixelSize: pixelSize
|
|
readonly property int subLinePixelSize: topLinePixelSize - 2
|
|
readonly property int defaultFontPtSize: fontMetrics.font.pointSize
|
|
readonly property int subheaderFontPtSize: defaultFontPtSize + 2
|
|
readonly property int headerFontPtSize: defaultFontPtSize + 4
|
|
readonly property int titleFontPtSize: defaultFontPtSize + 8
|
|
|
|
// Dimensions and sizes
|
|
property int trayWindowWidth: variableSize(400)
|
|
property int trayWindowHeight: variableSize(510)
|
|
property int trayWindowRadius: 10
|
|
property int trayWindowBorderWidth: variableSize(1)
|
|
property int trayWindowHeaderHeight: variableSize(60)
|
|
property int trayHorizontalMargin: 10
|
|
property int trayModalWidth: 380
|
|
property int trayModalHeight: 490
|
|
property int trayListItemIconSize: accountAvatarSize
|
|
property int trayDrawerMargin: trayWindowHeaderHeight
|
|
property real thumbnailImageSizeReduction: 0.2 // We reserve some space within the thumbnail "item", here about 20%.
|
|
// This is because we need to also add the added/modified icon and we
|
|
// want them to fit within the general icon size. We also need to know
|
|
// this amount to properly center the sync status icon to the thumbnail
|
|
// images, which will work so long as the thumbnails are left aligned
|
|
|
|
property int standardSpacing: trayHorizontalMargin
|
|
property int smallSpacing: 5
|
|
property int extraSmallSpacing: 2
|
|
|
|
property int iconButtonWidth: 36
|
|
property int standardPrimaryButtonHeight: 40
|
|
readonly property int smallIconSize: 16
|
|
|
|
property int minActivityHeight: variableSize(32)
|
|
|
|
property int currentAccountButtonWidth: 220
|
|
property int currentAccountButtonRadius: 2
|
|
property int currentAccountLabelWidth: 128
|
|
|
|
property int normalBorderWidth: 1
|
|
property int thickBorderWidth: 2
|
|
property int veryRoundedButtonRadius: 100
|
|
property int mediumRoundedButtonRadius: 8
|
|
property int slightlyRoundedButtonRadius: 5
|
|
property double hoverOpacity: 0.7
|
|
|
|
property url stateOnlineImageSource: Theme.stateOnlineImageSource
|
|
property url stateOfflineImageSource: Theme.stateOfflineImageSource
|
|
|
|
property int accountAvatarSize: (trayWindowHeaderHeight - 16)
|
|
property int accountAvatarStateIndicatorSize: 16
|
|
property int folderStateIndicatorSize: 16
|
|
property int accountLabelWidth: 128
|
|
|
|
property int accountDropDownCaretSize: 20
|
|
property int accountDropDownCaretMargin: 8
|
|
|
|
property int trayFoldersMenuButtonStateIndicatorBottomOffset: 5
|
|
property double trayFoldersMenuButtonDropDownCaretIconSizeFraction: 0.3
|
|
property double trayFoldersMenuButtonMainIconSizeFraction: 1.0 - trayFoldersMenuButtonDropDownCaretIconSizeFraction
|
|
|
|
property int addAccountButtonHeight: 50
|
|
|
|
property int headerButtonIconSize: 32
|
|
property int dismissButtonSize: 26
|
|
property int minimumActivityItemHeight: 24
|
|
|
|
property int activityLabelBaseWidth: 240
|
|
|
|
property int talkReplyTextFieldPreferredHeight: 34
|
|
property int talkReplyTextFieldPreferredWidth: 250
|
|
|
|
property int activityItemActionPrimaryButtonMinWidth: 100
|
|
property int activityItemActionSecondaryButtonMinWidth: 80
|
|
|
|
property int callNotificationPrimaryButtonMinWidth: 100
|
|
property int callNotificationPrimaryButtonMinHeight: 40
|
|
|
|
property int roundButtonBackgroundVerticalMargins: 10
|
|
property int roundedButtonBackgroundVerticalMargins: 5
|
|
|
|
property int userStatusEmojiSize: 8
|
|
property int userStatusSpacing: trayHorizontalMargin
|
|
property int userStatusAnchorsMargin: 2
|
|
property int accountServerAnchorsMargin: 10
|
|
property int accountLabelsSpacing: 4
|
|
property int accountLabelsAnchorsMargin: 7
|
|
property int accountLabelsLayoutMargin: 12
|
|
property int accountLabelsLayoutTopMargin: 10
|
|
|
|
// Visual behaviour
|
|
property bool hoverEffectsEnabled: true
|
|
|
|
// unified search constants
|
|
readonly property int unifiedSearchItemHeight: trayWindowHeaderHeight
|
|
readonly property int unifiedSearchResultTextLeftMargin: 18
|
|
readonly property int unifiedSearchResultTextRightMargin: 16
|
|
readonly property int unifiedSearchResultIconWidth: trayListItemIconSize * (1 - thumbnailImageSizeReduction)
|
|
readonly property int unifiedSearchResultSmallIconWidth: trayListItemIconSize * (1 - thumbnailImageSizeReduction * 2)
|
|
readonly property int unifiedSearchResultIconLeftMargin: 12
|
|
readonly property int unifiedSearchResultTitleFontSize: topLinePixelSize
|
|
readonly property int unifiedSearchResultSublineFontSize: subLinePixelSize
|
|
readonly property int unifiedSearchResultSectionItemLeftPadding: 16
|
|
readonly property int unifiedSearchResultSectionItemVerticalPadding: 8
|
|
readonly property int unifiedSearchResultNothingFoundHorizontalMargin: 10
|
|
|
|
readonly property int radioButtonCustomMarginLeftInner: 4
|
|
readonly property int radioButtonCustomMarginLeftOuter: 5
|
|
readonly property int radioButtonCustomRadius: 9
|
|
readonly property int radioButtonIndicatorSize: 16
|
|
|
|
readonly property var fontMetrics: FontMetrics {}
|
|
|
|
readonly property int bigFontPixelSizeResolveConflictsDialog: 20
|
|
readonly property int fontPixelSizeResolveConflictsDialog: 15
|
|
readonly property int minimumWidthResolveConflictsDialog: 600
|
|
readonly property int minimumHeightResolveConflictsDialog: 800
|
|
|
|
readonly property double smallIconScaleFactor: 0.6
|
|
|
|
readonly property double trayFolderListButtonWidthScaleFactor: 1.75
|
|
readonly property int trayFolderStatusIndicatorSizeOffset: 2
|
|
readonly property double trayFolderStatusIndicatorRadiusFactor: 0.5
|
|
readonly property double trayFolderStatusIndicatorMouseHoverOpacityFactor: 0.2
|
|
|
|
readonly property double trayWindowMenuWidthFactor: 0.35
|
|
|
|
readonly property int trayWindowMenuOffsetX: -2
|
|
readonly property int trayWindowMenuOffsetY: 2
|
|
|
|
readonly property int trayWindowMenuEntriesMargin: 6
|
|
|
|
// animation durations
|
|
readonly property int shortAnimationDuration: 200
|
|
readonly property int veryLongAnimationDuration: 3000
|
|
|
|
// sync status
|
|
property int progressBarPreferredHeight: 9
|
|
|
|
property int progressBarWidth: 100
|
|
property int progressBarBackgroundHeight: 8
|
|
property int progressBarContentHeight: 8
|
|
property int progressBarRadius: 4
|
|
property int progressBarContentBorderWidth: 1
|
|
property int progressBarBackgroundBorderWidth: 1
|
|
property color progressBarContentColor: ncBlue
|
|
property color progressBarContentBorderColor: menuBorder
|
|
property color progressBarBackgroundColor: backgroundColor
|
|
property color progressBarBackgroundBorderColor: menuBorder
|
|
|
|
property int newActivitiesButtonWidth: 150
|
|
property int newActivitiesButtonHeight: 40
|
|
|
|
property real newActivitiesBgNormalOpacity: 0.8
|
|
property real newActivitiesBgHoverOpacity: 1.0
|
|
|
|
property int newActivityButtonDisappearTimeout: 5000
|
|
property int newActivityButtonDisappearFadeTimeout: 250
|
|
|
|
property int activityListScrollToTopTimerInterval: 50
|
|
|
|
property int activityListScrollToTopVelocity: 10000
|
|
|
|
function variableSize(size) {
|
|
return size * (1 + Math.min(pixelSize / 100, 1));
|
|
}
|
|
}
|