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

fix theme colors

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-03-04 19:16:51 -03:00 committed by James A. Petts
parent cdcfc7115f
commit 16bd29077e
1 changed files with 35 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
platform/ui/src/components/Button/Button.jsx
View File

@ -2,6 +2,9 @@ import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classnames from 'classnames'; import classnames from 'classnames';
const baseClasses =
'leading-none font-sans text-center justify-center items-center outline-none transition duration-300 ease-in-out focus:outline-none';
const defaults = { const defaults = {
variant: 'contained', variant: 'contained',
color: 'default', color: 'default',
@ -26,26 +29,46 @@ const disabledClasses = {
const variantClasses = { const variantClasses = {
text: { text: {
default: 'hover:bg-gray-200 text-black', default:
primary: 'hover:bg-blue-100 text-blue-900', 'text-custom-aquaBright hover:bg-custom-aquaBright hover:text-white active:opacity-80 focus:bg-custom-aquaBright focus:text-white',
secondary: 'hover:bg-blue-100 text-blue-300', primary:
'text-custom-blue hover:bg-custom-blue hover:text-white active:opacity-80 focus:bg-custom-blue focus:text-white',
secondary:
'text-custom-violetPale hover:bg-custom-violetPale hover:text-white active:opacity-80 focus:bg-custom-violetPale focus:text-white',
white:
'text-white hover:bg-white hover:text-black active:opacity-80 focus:bg-white focus:text-black',
}, },
outlined: { outlined: {
default: 'border border-black text-black hover:bg-gray-200', default:
primary: 'border border-blue-900 text-blue-900 hover:bg-blue-100', 'border bg-trasparent border-custom-aquaBright text-custom-aquaBright hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary: 'border border-blue-300 text-blue-300 hover:bg-blue-100', primary:
'border bg-transparent border-custom-blue text-custom-blue hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary:
'border bg-transparent border-custom-violetPale text-custom-violetPale hover:opacity-80 active:opacity-100 focus:opacity-80',
white:
'border bg-transparent border-white text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
}, },
contained: { contained: {
default: 'bg-black hover:bg-gray-800 text-white', default:
primary: 'bg-blue-900 hover:bg-blue-800 text-white', 'bg-custom-aquaBright text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary: 'bg-blue-300 hover:bg-blue-500 text-black', primary:
'bg-custom-blue text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
secondary:
'bg-custom-violetPale text-white hover:opacity-80 active:opacity-100 focus:opacity-80',
white:
'bg-white text-black hover:opacity-80 active:opacity-100 focus:opacity-80',
}, },
}; };
const sizeClasses = { const sizeClasses = {
small: 'py-1 px-2 text-sm', small: 'py-2 px-2 text-base',
medium: 'py-2 px-4 text-base', medium: 'py-2 px-2 text-lg',
large: 'py-3 px-6 text-lg', large: 'py-2 px-6 text-xl',
};
const fullWidthClasses = {
true: 'flex w-full',
false: 'inline-flex',
}; };
const Button = ({ const Button = ({