status-desktop/ui/imports/Themes/DarkTheme.qml

import QtQuick 2.13
import "."

Theme {
    property string name: "dark"

    property color white: "#FFFFFF"
    property color white2: "#FCFCFC"
    property color black: "#000000"
    property color almostBlack: "#141414"
    property color grey: "#EEF2F5"
    property color grey3: "#E9EDF1"
    property color graphite2: "#252525"
    property color lightGrey: "#7A7A7A"
    property color midGrey: "#7f8990"
    property color darkGrey: "#373737"
    property color evenDarkerGrey: "#4b4b4b"
    property color lightBlue: "#ECEFFC"
    property color translucentBlue: "#33869eff"
    property color cyan: "#00FFFF"
    property color blue: "#88B0FF"
    property color darkAccentBlue: "#2946C4"
    property color transparent: "#00000000"
    property color lightBlueText: "#8f9fec"
    property color darkBlue: "#3c55c9"
    property color darkBlueBtn: "#5a70dd"
    property color red: "#FF5C7B"
    property color lightRed: "#FFEAEE"
    property color green: "#4EBC60"
    property color turquoise: "#007b7d"
    property color tenPercentWhite: Qt.rgba(255, 255, 255, 0.1)
    property color fivePercentBlack: "#E5E5E5"
    property color tenPercentBlue: Qt.rgba(67, 96, 223, 0.1)
    property color orange: "#FFA500"

    property color background: "#2C2C2C"
    property color appBarDividerColor: darkGrey
    property color border: darkGrey
    property color borderSecondary: tenPercentWhite
    property color borderTertiary: blue
    property color separator: tenPercentWhite
    property color textColor: white
    property color textColorTertiary: blue
    property color linkColor: blue
    property color currentUserTextColor: white
    property color secondaryBackground: "#353a4d"
    property color inputBackground: darkGrey
    property color secondaryinputBackground: fivePercentBlack
    property color inputBorderFocus: blue
    property color secondaryMenuBorder: darkGrey
    property color inputColor: textColor
    property color modalBackground: darkGrey
    property color backgroundHover: evenDarkerGrey
    property color menuBackgroundActive: "#1affffff"
    property color menuBackgroundHover: "#0dffffff"
    property color backgroundHoverLight: darkGrey
    property color secondaryText: lightGrey
    property color secondaryHover: tenPercentWhite
    property color primary: blue
    property color danger: red
    property color success: green
    property color warning: orange
    property color primaryMenuItemHover: blue
    property color primaryMenuItemTextHover: almostBlack
    property color backgroundTertiary: tenPercentBlue
    property color pillButtonTextColor: secondaryText
    property color chatReplyCurrentUser: lightGrey
    property color codeBackground: "#2E386B"
    property color primarySelectionColor: "#b4c8ff"
    property color emojiReactionBackground: "#2d2823"
    property color emojiReactionBackgroundHovered: "#3a3632"
    property color emojiReactionActiveBackgroundHovered: "#cbd5f1"
    property color mentionColor: "#7BE5FF"
    property color mentionBgColor: "#1a0da4c9"
    property color mentionBgHoverColor: "#4d0da4c9"
    property color mentionMessageColor: "#1a0da4c9"
    property color mentionMessageHoverColor: "#330da4c9"
    property color replyBackground: "#484848"
    property color mainMenuBackground: "#212121"
    property color secondaryMenuBackground: graphite2
    property color tabButtonBg: translucentBlue
    
    property color buttonForegroundColor: blue
    property color buttonBackgroundColor: translucentBlue
    property color buttonBackgroundColorHover: "#4d869eff"
    property color buttonSecondaryColor: darkGrey
    property color buttonDisabledForegroundColor: lightGrey
    property color buttonDisabledBackgroundColor: darkGrey
    property color buttonWarnBackgroundColor: "#33ff5c7b"
    property color buttonOutlineHoveredWarnBackgroundColor: "#4dff5c7b"
    property color buttonHoveredWarnBackgroundColor: "#4dff5c7b"
    property color buttonHoveredBackgroundColor: blue

    property color contextMenuButtonForegroundColor: midGrey
    property color contextMenuButtonBackgroundHoverColor: Qt.hsla(white.hslHue, white.hslSaturation, white.hslLightness, 0.05)

    property color pinnedMessageBorder: "#FFA67B"
    property color pinnedMessageBackground: "#1afe8f59"
    property color pinnedMessageBackgroundHovered: "#33fe8f59"
    property color pinnedRectangleBackground: "#1afe8f59"

    property color roundedButtonForegroundColor: white
    property color roundedButtonBackgroundColor: buttonBackgroundColor
    property color roundedButtonSecondaryForegroundColor: black
    property color roundedButtonSecondaryBackgroundColor: blue
    property color roundedButtonSecondaryHoveredBackgroundColor: "#AAC6FF"
    property color roundedButtonDisabledForegroundColor: buttonDisabledForegroundColor
    property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor
    property color roundedButtonSecondaryDisabledForegroundColor: black
    property color roundedButtonSecondaryDisabledBackgroundColor: lightGrey
    property color tooltipBackgroundColor: black
    property color tooltipForegroundColor: white
    property color chatInfoButtonBackgroundHoverColor: Qt.hsla(white.hslHue, white.hslSaturation, white.hslLightness, 0.05)

    property var accountColors: [
        "#AAC6FF",
        "#EAD27B",
        "#E6ABFC",
        "#10A88E",
        "#FB8383",
        "#93DB33",
        "#ADA3FF",
        "#AD4343"
    ]
}