mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f0e713b877
* UI customizations: new features Fixes #2905 * colors for graphs * introduce env variable * colors for topbar, stats, selected state and tabs * fix build * fix validator * refactor link.primary.hover color token * refactor selected colors * update styles for switch and fix some color tokens * change color for selectable controls * icon color tokens refactoring * UI customizations: new features Fixes #2905 * test for common components * tweaks * migrate from color-mode-hex cookie to color-theme cookie * clean up * update screenshots * more screenshot updates * update default color of chart line * update envs for mega eth
35 lines
608 B
TypeScript
35 lines
608 B
TypeScript
import { defineRecipe } from '@chakra-ui/react';
|
|
|
|
export const recipe = defineRecipe({
|
|
base: {
|
|
display: 'flex',
|
|
gap: 0,
|
|
borderRadius: 'sm',
|
|
overflow: 'hidden',
|
|
_disabled: {
|
|
opacity: 'control.disabled',
|
|
},
|
|
minWidth: 'auto',
|
|
},
|
|
variants: {
|
|
visual: {
|
|
plain: {
|
|
bg: 'transparent',
|
|
color: 'closeButton.fg',
|
|
border: 'none',
|
|
_hover: {
|
|
bg: 'transparent',
|
|
color: 'hover',
|
|
},
|
|
},
|
|
},
|
|
size: {
|
|
md: { boxSize: 5 },
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
size: 'md',
|
|
visual: 'plain',
|
|
},
|
|
});
|