I am trying to customize the look of the MDBSwitch component. I cannot find any documentation on this, it seems the documentation is as bare bones as possible. How do I change the color of the active switch from the default blue to literally anything else? The same thing comes up with the input fields, while active they are outlined in blue.

I would love to be able to customize it, but cannot find how anywhere.

<Container fluid>
        <Row className="p-5">
            <Col lg="4" ></Col>
            <Col lg="4" className="d-flex justify-content-center"><h1>Welcome!</h1></Col>
        </Row>
        <Row>
            <Col lg="4"></Col>
            <Col lg="4">
                <Col>
                    <MDBInput label='Username' id='username' type='text' />


                    <MDBInput label='Password input' id='password' type='password' />


                    <MDBSwitch id='rememberSwitch' label='Remember me' />


                </Col>
            </Col>
        </Row>
        <Row className="p-2">
            <Col lg="4" ></Col>
            <Col lg="1">
                <MDBBtn rounded className='mx-auto' color='dark' style={{width:"100%"}}>Login</MDBBtn>
            </Col>
            <Col lg="1" >
                <MDBBtn rounded className='mx-auto' color='dark' style={{width:"100%"}}>Sign up</MDBBtn>
            </Col>
        </Row>
    </Container>