precise-ui icon indicating copy to clipboard operation
precise-ui copied to clipboard

Change modal border color

Open mrsaleh opened this issue 3 years ago • 1 comments

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 avatar Nov 14 '20 08:11 mrsaleh

@mrsaleh Doesn't style prop helps to override the default styles?

Deep-Codes avatar Feb 23 '21 12:02 Deep-Codes