precise-ui
precise-ui copied to clipboard
Change modal border color
I was checking Modal component source code today because I couldn't change its border color via theme Apparently, the border and background color of Modal is constant. Is there any way to change its color without modifying the source code?!
const ModalContent = styled.div<ModalContentProps>(
({ minHeight }) => `
position: relative;
display: flex;
flex-direction: column;
background: ${white};
box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
border-top: 4px solid ${cyan};
width: 100%;
${minHeight ? `min-height: ${minHeight}` : ''};
`,
);
Thanks in advance
@mrsaleh Doesn't style
prop helps to override the default styles?