othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix theme colors for IconButton

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-03-04 19:15:07 -03:00 committed by James A. Petts
parent bcc2285afa
commit 7c802da4d8
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
platform/ui/src/components/IconButton/IconButton.jsx
View File

@ -31,31 +31,31 @@ const disabledClasses = {
const variantClasses = { const variantClasses = {
text: { text: {
default: default:
'text-white hover:bg-primary-light hover:text-black active:opacity-80 focus:bg-primary-light focus:text-black', 'text-white hover:bg-custom-aquaBright hover:text-black active:opacity-80 focus:bg-custom-aquaBright focus:text-black',
primary: primary:
'text-primary-main hover:bg-primary-main hover:text-white active:opacity-80 focus:bg-primary-main focus:text-white', 'text-custom-blue hover:bg-custom-blue hover:text-white active:opacity-80 focus:bg-custom-blue focus:text-white',
secondary: secondary:
'text-darkBlue-100 hover:bg-darkBlue-100 hover:text-white active:opacity-80 focus:bg-darkBlue-100 focus:text-white', 'text-custom-violetPale hover:bg-custom-violetPale hover:text-white active:opacity-80 focus:bg-custom-violetPale focus:text-white',
white: white:
'text-white hover:bg-white hover:text-black active:opacity-80 focus:bg-white focus:text-black', 'text-white hover:bg-white hover:text-black active:opacity-80 focus:bg-white focus:text-black',
}, },
outlined: { outlined: {
default: default:
'border bg-trasparent border-primary-light text-white hover:opacity-80 active:opacity-100 focus:opacity-80', 'border bg-trasparent border-custom-aquaBright text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
primary: primary:
'border bg-transparent border-primary-main text-primary-main hover:opacity-80 active:opacity-100 focus:opacity-80', 'border bg-transparent border-custom-blue text-custom-blue hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary: secondary:
'border bg-transparent border-darkBlue-100 text-darkBlue-100 hover:opacity-80 active:opacity-100 focus:opacity-80', 'border bg-transparent border-custom-violetPale text-custom-violetPale hover:opacity-80 active:opacity-100 focus:opacity-80',
white: white:
'border bg-transparent border-white text-white hover:opacity-80 active:opacity-100 focus:opacity-80', 'border bg-transparent border-white text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
}, },
contained: { contained: {
default: default:
'bg-primary-light text-black hover:opacity-80 active:opacity-100 focus:opacity-80', 'bg-custom-aquaBright text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
primary: primary:
'bg-primary-main text-white hover:opacity-80 active:opacity-100 focus:opacity-80', 'bg-custom-blue text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary: secondary:
'bg-darkBlue-100 text-white hover:opacity-80 active:opacity-100 focus:opacity-80', 'bg-custom-violetPale text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
white: white:
'bg-white text-black hover:opacity-80 active:opacity-100 focus:opacity-80', 'bg-white text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
}, },