status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
status-desktop/ui/imports/Themes/LightTheme.qml

60 lines
2.5 KiB
QML
Raw Normal View History

feat: change Theme to Style to enable changing Theme
2020-07-02 15:14:31 +00:00
import QtQuick 2.13
import "."
Theme {
property color white: "#FFFFFF"
property color white2: "#FCFCFC"
property color black: "#000000"
property color grey: "#EEF2F5"
property color lightBlue: "#ECEFFC"
fix: link color
2020-08-05 12:38:45 +00:00
property color cyan: "#00FFFF"
feat: change Theme to Style to enable changing Theme
2020-07-02 15:14:31 +00:00
property color blue: "#4360DF"
WIP SAVEPOINT
2020-08-25 11:15:18 +00:00
property color darkAccentBlue: "#2946C4"
feat: change Theme to Style to enable changing Theme
2020-07-02 15:14:31 +00:00
property color transparent: "#00000000"
property color darkGrey: "#939BA1"
property color lightBlueText: "#8f9fec"
property color darkBlue: "#3c55c9"
property color darkBlueBtn: "#5a70dd"
property color red: "#FF2D55"
feat: Un/install free sticker packs in sticker market Sticker pack details retreived from contract: - pack data decoded from contract response - data contains contentHash which, once decoded, contains an IPFS identifier - futher pack data in EDN format is downloaded from IPFS - the EDN info is decoded in to a StickerPack List of available packs from contract are obtained separately from list of installed contracts (stored as a setting in Status-go). Sticker market contains dynamic list of sticker packs. The sticker button shown for each pack has all states defined (in the design) for all UI states (ie bought, free, installed, pending, etc) Add modal popup showing sticker pack details and list of stickers to be un/installed. Contains a "larger" version of the sticker pack button with many differnt UI states defined. Uninstallation of a sticker pack removes those sticker pack's stickers from the recent sticker list and persists the list Simplify the view model by including stickers, instead of setting an "activeStickerPackId" property. This allowed for display of sticker pack stickers to be displayed in the modal popup separately from the sticker packs shown in the market.
2020-06-29 22:02:19 +00:00
property color lightRed: "#FFEAEE"
property color green: "#4EBC60"
fix: link color
2020-08-05 12:38:45 +00:00
property color turquoise: "#007b7d"
feat/tx-comps: Add RecipientSelector component Based on the spec in https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20, this component handles user input for a recipient address, which can be sourced from manual address input, ENS name, contact selection, or another of the user's wallet accounts.
2020-08-06 07:25:53 +00:00
property color tenPercentBlack: Qt.rgba(0, 0, 0, 0.1)
property color tenPercentBlue: Qt.rgba(67, 96, 223, 0.1)
feat: display connected/disconnected status in the chat module
2020-07-15 16:19:25 +00:00
feat: add dark theme colors and new properties for it
2020-07-13 18:45:54 +00:00
property color background: white
property color border: grey
feat/tx-comps: Add RecipientSelector component Based on the spec in https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20, this component handles user input for a recipient address, which can be sourced from manual address input, ENS name, contact selection, or another of the user's wallet accounts.
2020-08-06 07:25:53 +00:00
property color borderSecondary: tenPercentBlack
property color borderTertiary: blue
feat: add dark theme colors and new properties for it
2020-07-13 18:45:54 +00:00
property color textColor: black
feat/tx-comps: Add RecipientSelector component Based on the spec in https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20, this component handles user input for a recipient address, which can be sourced from manual address input, ENS name, contact selection, or another of the user's wallet accounts.
2020-08-06 07:25:53 +00:00
property color textColorTertiary: blue
feat: add dark theme colors and new properties for it
2020-07-13 18:45:54 +00:00
property color currentUserTextColor: white
property color secondaryBackground: lightBlue
fix: fix dark theme colors for chat and profile
2020-07-22 20:16:06 +00:00
property color inputBackground: grey
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
fix: fix dark theme colors for chat and profile
2020-07-22 20:16:06 +00:00
property color inputColor: black
feat: add dark theme colors and new properties for it
2020-07-13 18:45:54 +00:00
property color modalBackground: white2
feat: Send transaction component -- Account selector Fixes #670. Component spec based on https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20. Changes the current Select shared component to a model databound component. This means we can bind directly to `QAbstractListModel`'s coming from Nim instead of needing manipulating the data in to javascript objects. The changes to the Select component will be used for the upcoming Asset selector shared component.
2020-07-30 05:18:54 +00:00
property color backgroundHover: grey
property color secondaryText: darkGrey
feat/tx-comps: Add RecipientSelector component Based on the spec in https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20, this component handles user input for a recipient address, which can be sourced from manual address input, ENS name, contact selection, or another of the user's wallet accounts.
2020-08-06 07:25:53 +00:00
property color secondaryHover: tenPercentBlack
feat: Send transaction component -- Account selector Fixes #670. Component spec based on https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20. Changes the current Select shared component to a model databound component. This means we can bind directly to `QAbstractListModel`'s coming from Nim instead of needing manipulating the data in to javascript objects. The changes to the Select component will be used for the upcoming Asset selector shared component.
2020-07-30 05:18:54 +00:00
property color danger: red
feat/tx-comps: Add RecipientSelector component Based on the spec in https://www.notion.so/emizzle/Wallet-transaction-components-2003b78a8d0d41c4ab3d21eb2496fb20, this component handles user input for a recipient address, which can be sourced from manual address input, ENS name, contact selection, or another of the user's wallet accounts.
2020-08-06 07:25:53 +00:00
property color primaryMenuItemHover: blue
property color primaryMenuItemTextHover: white
property color backgroundTertiary: tenPercentBlue
WIP SAVEPOINT
2020-08-25 09:00:03 +00:00
property color buttonForegroundColor: blue
property color buttonBackgroundColor: secondaryBackground
property color buttonDisabledForegroundColor: darkGrey
property color buttonDisabledBackgroundColor: grey
WIP SAVEPOINT
2020-08-25 11:15:18 +00:00
property color roundedButtonForegroundColor: buttonForegroundColor
WIP SAVEPOINT
2020-08-25 09:00:03 +00:00
property color roundedButtonBackgroundColor: secondaryBackground
WIP SAVEPOINT
2020-08-25 11:15:18 +00:00
property color roundedButtonSecondaryForegroundColor: white
property color roundedButtonSecondaryBackgroundColor: buttonForegroundColor
property color roundedButtonSecondaryHoveredBackgroundColor: darkAccentBlue
property color roundedButtonDisabledForegroundColor: buttonDisabledForegroundColor
property color roundedButtonDisabledBackgroundColor: buttonDisabledBackgroundColor
property color roundedButtonSecondaryDisabledForegroundColor: white
property color roundedButtonSecondaryDisabledBackgroundColor: buttonDisabledForegroundColor
feat: change Theme to Style to enable changing Theme
2020-07-02 15:14:31 +00:00
}