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

126 lines
5.2 KiB
QML
Raw Normal View History

import QtQuick 2.13
import "."
Theme {
property string name: "light"
property color white: "#FFFFFF"
property color white2: "#FCFCFC"
property color black: "#000000"
property color grey: "#EEF2F5"
property color grey1: "#F0F2F5"
property color grey2: "#F6F8FA"
property color grey3: "#E9EDF1"
property color midGrey: "#7f8990"
property color lightGrey: "#ccd0d4"
property color lightBlue: "#ECEFFC"
property color translucentBlue: "#1a4360df"
2020-08-05 12:38:45 +00:00
property color cyan: "#00FFFF"
property color blue: "#4360DF"
2020-08-25 11:15:18 +00:00
property color darkAccentBlue: "#2946C4"
property color transparent: "#00000000"
property color darkGrey: "#939BA1"
2020-09-22 14:30:49 +00:00
property color lighterDarkGrey: "#b3bec6"
property color lightBlueText: "#8f9fec"
property color darkBlue: "#3c55c9"
property color darkBlueBtn: "#5a70dd"
property color red: "#FF2D55"
property color lightRed: "#FFEAEE"
property color green: "#4EBC60"
2020-08-05 12:38:45 +00:00
property color turquoise: "#007b7d"
property color tenPercentBlack: Qt.rgba(0, 0, 0, 0.1)
2021-06-29 14:49:32 +00:00
property color fivePercentBlack: "#E5E5E5"
property color tenPercentBlue: Qt.rgba(67, 96, 223, 0.1)
2021-06-30 18:46:26 +00:00
property color orange: "#FFA500"
property color background: white
property color appBarDividerColor: darkGrey
property color border: grey
property color borderSecondary: tenPercentBlack
property color borderTertiary: blue
property color separator: grey
property color textColor: black
property color textColorTertiary: blue
2021-05-05 18:23:43 +00:00
property color linkColor: blue
property color currentUserTextColor: white
property color secondaryBackground: lightBlue
property color inputBackground: grey
2021-06-29 14:49:32 +00:00
property color secondaryinputBackground: fivePercentBlack
feat(tx-comps): Send transaction modal Fixes #669. Composes all tx components to create a send transaction modal for the wallet. 1. Add a reusable TransactionStackView component that wraps a StackView component to show the screens of the Send Tx modal and handles back/forward/reset functionality. 2. Add a reusable TransactionStackGroup which holds tx components and allows modal header and button text to be defined and handles validation for all child components. 3. Add an isValid property to all tx comps for pristine validation state. 4. Reset all components in modal once modal is closed. This consists of a `resetInternal` function that each component should implement to reinstate its original starting state, and a `reset` function that parent components can use to reinstate the overridden properties. 5. Tx error handling to display either a StatusGo error message in the dialog, or wrong password in the TransactionSigner. 6. Fix ReceiveModal to allow for pre-selected account based on current wallet account. 7. Add focused border colour to Input component. 8. Fix issue with last TransactionStackGroup input not being able to obtain focus. 9. Fix fiatBalance not appearing on initial load on AccountSelector. 10. Fix selected asset updated properly when assets changed in the AssetSelector component. 11. AccountSelector is pre-populated with selected wallet account. Supporting work on the components has been done to suppor this. 12. Changing accounts in the "from account" updates the asset balances in the AssetAndAmountInput component. 13. Move validation from ContactSelector to the Select component. 1. Test sending of tokens. This requires that tokens contracts are setup on testnet. Right now, they are set up for contract addresses on mainnet. 2. Loading state once transaction is sent. Button in modal needs to move to a loading state and the "toast" messages in the wallet need to appear informaing user of tx progress. 3. Need to clarify (and implement?) support of ENS names in the AddressInput. It appears that ENS names could be resolved. This would be a long operation and require some kind of UI loading indication. 4. Wallet balances need to be updated on every block, so for example, sending funds between accounts I should be able to see the balance updated in real time. 1. Sending to a contact currently doesn't work because the ContactSelector component selects the Contact's whipser key, instead of his/her wallet address. May need to figure out how this is done in status-react. As it stands, attempting to send to a contact will crash the app. 2. Sending *from* an imported account does not work, with an error from StatusGo `cannot locate account for address: 0x123...`
2020-08-20 04:45:29 +00:00
property color inputBorderFocus: blue
property color secondaryMenuBorder: grey3
property color inputColor: black
property color modalBackground: white2
property color backgroundHover: grey
property color menuBackgroundActive: grey3
property color menuBackgroundHover: grey1
property color backgroundHoverLight: grey
property color secondaryText: darkGrey
property color secondaryHover: tenPercentBlack
property color primary: blue
property color danger: red
property color success: green
property color warning: orange
property color primaryMenuItemHover: blue
property color primaryMenuItemTextHover: white
property color backgroundTertiary: tenPercentBlue
2020-09-17 06:40:41 +00:00
property color pillButtonTextColor: white
2020-12-02 10:53:04 +00:00
property color chatReplyCurrentUser: darkGrey
property color codeBackground: "#2E386B"
2021-01-13 23:04:20 +00:00
property color primarySelectionColor: "#b4c8ff"
property color emojiReactionBackground: "#e2e6e9"
property color emojiReactionBackgroundHovered: "#d7dadd"
property color emojiReactionActiveBackgroundHovered: "#cbd5f1"
property color mentionColor: "#0DA4C9"
property color mentionBgColor: "#1a07bce9"
property color mentionBgHoverColor: "#4d07bce9"
property color mentionMessageColor: "#1a07bce9"
property color mentionMessageHoverColor: "#3307bce9"
property color replyBackground: "#d7dadd"
property color mainMenuBackground: grey1
property color secondaryMenuBackground: grey2
property color tabButtonBg: translucentBlue
2020-08-25 09:00:03 +00:00
property color buttonForegroundColor: blue
property color buttonBackgroundColor: translucentBlue
property color buttonBackgroundColorHover: "#334360df"
property color buttonSecondaryColor: darkGrey
property color buttonDisabledForegroundColor: buttonSecondaryColor
2020-08-25 09:00:03 +00:00
property color buttonDisabledBackgroundColor: grey
property color buttonWarnBackgroundColor: "#1aff2d55"
property color buttonOutlineHoveredWarnBackgroundColor: "#1affeaee"
property color buttonHoveredWarnBackgroundColor: "#33ff2d55"
property color buttonHoveredBackgroundColor: blue
2020-08-25 11:15:18 +00:00
property color contextMenuButtonForegroundColor: black
property color contextMenuButtonBackgroundHoverColor: Qt.hsla(black.hslHue, black.hslSaturation, black.hslLightness, 0.1)
property color pinnedMessageBorder: "#FE8F59"
property color pinnedMessageBackground: "#1aFF9F0F"
property color pinnedMessageBackgroundHovered: "#33FF9F0F"
2021-05-25 19:38:18 +00:00
property color pinnedRectangleBackground: "#1aFE8F59"
2020-08-25 11:15:18 +00:00
property color roundedButtonForegroundColor: buttonForegroundColor
2020-08-25 09:00:03 +00:00
property color roundedButtonBackgroundColor: secondaryBackground
property color roundedButtonSecondaryForegroundColor: grey2
2020-08-25 11:15:18 +00:00
property color roundedButtonSecondaryBackgroundColor: buttonForegroundColor
property color roundedButtonSecondaryHoveredBackgroundColor: darkAccentBlue
property color roundedButtonDisabledForegroundColor: buttonDisabledForegroundColor
property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor
property color roundedButtonSecondaryDisabledForegroundColor: grey2
2020-08-25 11:15:18 +00:00
property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor
property color tooltipBackgroundColor: black
property color tooltipForegroundColor: white
property color chatInfoButtonBackgroundHoverColor: grey1
property var accountColors: [
blue,
"#9B832F",
"#D37EF4",
"#1D806F",
"#FA6565",
"#7CDA00",
"#887Af9",
"#8B3131"
]
}