status-im
/
status-mobile
mirror of https://github.com/status-im/status-mobile.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Implement positive button state (#14252)

This commit is contained in:
Icaro Motta 2022-10-27 16:03:18 -03:00 committed by GitHub
parent b774ecbcb4
commit 69303cd7d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/quo2/components/buttons/button.cljs
View File

@ -44,6 +44,11 @@
:background-color {:default colors/danger-50 :background-color {:default colors/danger-50
:pressed colors/danger-60 :pressed colors/danger-60
:disabled colors/danger-50}} :disabled colors/danger-50}}
:positive {:icon-color colors/white
:label {:style {:color colors/white}}
:background-color {:default colors/success-50
:pressed colors/success-60
:disabled colors/success-50-opa-30}}
:photo-bg {:icon-color colors/neutral-100 :photo-bg {:icon-color colors/neutral-100
:icon-secondary-color colors/neutral-80-opa-40 :icon-secondary-color colors/neutral-80-opa-40
:label {:style {:color colors/neutral-100}} :label {:style {:color colors/neutral-100}}
@ -104,6 +109,11 @@
:background-color {:default colors/danger-60 :background-color {:default colors/danger-60
:pressed colors/danger-50 :pressed colors/danger-50
:disabled colors/danger-60}} :disabled colors/danger-60}}
:positive {:icon-color colors/white
:label {:style {:color colors/white}}
:background-color {:default colors/success-60
:pressed colors/success-50
:disabled colors/success-60-opa-30}}
:photo-bg {:icon-color colors/white :photo-bg {:icon-color colors/white
:icon-secondary-color colors/neutral-30 :icon-secondary-color colors/neutral-30
:label {:style {:color colors/white}} :label {:style {:color colors/white}}

6
src/quo2/foundations/colors.cljs
View File

@ -117,6 +117,12 @@
(def success-50-opa-30 (alpha success-50 0.3)) (def success-50-opa-30 (alpha success-50 0.3))
(def success-50-opa-40 (alpha success-50 0.4)) (def success-50-opa-40 (alpha success-50 0.4))
(def success-60-opa-5 (alpha success-60 0.05))
(def success-60-opa-10 (alpha success-60 0.1))
(def success-60-opa-20 (alpha success-60 0.2))
(def success-60-opa-30 (alpha success-60 0.3))
(def success-60-opa-40 (alpha success-60 0.4))
;;;;Danger ;;;;Danger
;;Solid ;;Solid

4
src/quo2/screens/buttons/button.cljs
View File

@ -21,7 +21,9 @@
{:key :ghost {:key :ghost
:value "Ghost"} :value "Ghost"}
{:key :danger {:key :danger
:value "Danger"}]} :value "Danger"}
{:key :positive
:value "Positive"}]}
{:label "Size:" {:label "Size:"
:key :size :key :size
:type :select :type :select