diff --git a/src/components/Operation/Operation.tsx b/src/components/Operation/Operation.tsx index 59c985d0..e18084be 100644 --- a/src/components/Operation/Operation.tsx +++ b/src/components/Operation/Operation.tsx @@ -3,7 +3,7 @@ import { SecurityRequirements } from '../SecurityRequirement/SecurityRequirement import { observer } from 'mobx-react'; -import { Badge, DarkRightPanel, H2, MiddlePanel, Row } from '../../common-elements'; +import { Badge, H2, MiddlePanel, Row } from '../../common-elements'; import { OptionsContext } from '../OptionsProvider'; @@ -22,6 +22,7 @@ import { Extensions } from '../Fields/Extensions'; const OperationRow = styled(Row)` backface-visibility: hidden; + background: #f8f8f8; `; const Description = styled.div` diff --git a/src/theme.ts b/src/theme.ts index 4e911df2..65bafcdd 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -14,25 +14,25 @@ const defaultTheme: ThemeInterface = { colors: { tonalOffset: 0.3, primary: { - main: '#32329f', + main: '#697CFF', light: ({ colors }) => lighten(colors.tonalOffset, colors.primary.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.primary.main), contrastText: ({ colors }) => readableColor(colors.primary.main), }, success: { - main: '#00aa13', + main: '#2CB72D', light: ({ colors }) => lighten(colors.tonalOffset, colors.success.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.success.main), contrastText: ({ colors }) => readableColor(colors.success.main), }, warning: { - main: '#d4ad03', + main: '##FBC03D', light: ({ colors }) => lighten(colors.tonalOffset, colors.warning.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.warning.main), contrastText: '#ffffff', }, error: { - main: '#e53935', + main: '#FC5B4F', light: ({ colors }) => lighten(colors.tonalOffset, colors.error.main), dark: ({ colors }) => darken(colors.tonalOffset, colors.error.main), contrastText: ({ colors }) => readableColor(colors.error.main),