@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
86 lines • 2.1 kB
JavaScript
export const defaultTheme = {
font: 'Inter, -apple-system, Helvetica, sans-serif',
primaryColor: 'primary9',
focusColor: 'primary7',
subtleBackgroundColor: 'gray1',
subtleBorderColor: 'gray5',
text: {
default: 'gray12',
subtle: 'gray11',
error: 'red12',
success: 'green11'
},
buttons: {
primary: {
background: 'primary9',
color: 'white',
hover: {
background: 'primary10',
color: 'white'
}
},
secondary: {
background: 'primary3',
color: 'primary11',
hover: {
background: 'primary4',
color: 'primary11'
}
},
tertiary: {
background: 'gray1',
color: 'primary11',
hover: {
background: 'primary2',
color: 'primary11'
}
},
disabled: {
color: 'gray11',
background: 'gray8'
}
},
input: {
background: 'gray3',
borderRadius: '8px',
color: 'gray12'
},
skeleton: {
background: 'gray3'
},
anchor: {
color: 'primary11',
hover: {
color: 'primary9'
}
},
dropdown: {
background: 'gray3',
borderRadius: '8px'
},
widget: {
background: 'white',
borderRadius: '16px',
border: '0x solid white',
boxShadow: '0px 4px 30px rgba(0, 0, 0, 0.10)',
card: {
background: 'gray1',
borderRadius: '12px'
},
selector: {
background: 'gray2',
hover: {
background: 'gray3'
}
},
swapCurrencyButtonBorderColor: 'primary3',
swapCurrencyButtonBorderWidth: '4px',
swapCurrencyButtonBorderRadius: '8px'
},
modal: {
background: 'gray1',
border: '0x solid white',
borderRadius: '16px'
}
};
//# sourceMappingURL=RelayKitTheme.js.map