Change modal border color
mrsaleh opened this issue · 1 comments
mrsaleh commented
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
Deep-Codes commented
@mrsaleh Doesn't style
prop helps to override the default styles?