> ## Documentation Index
> Fetch the complete documentation index at: https://docs.packagesss.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling

> Changing the colors, images, and styling of your whitelabel instance.

export const GridImage = ({window, src, preview = false, img_width = 200, height = 300}) => {
  var host = preview ? '' : 'https://mintlify.s3-us-west-1.amazonaws.com/packages';
  return <div className="grid-image-bg mt-3 mb-3 flex align-items-center" style={{
    alignItems: 'center',
    justifyContent: 'center',
    position: 'relative',
    height,
    width: '100%'
  }}>

    <img src={`${host}${src}`} className={'m-0'} width={img_width} style={{
    zIndex: 2,
    width: '100%',
    maxWidth: img_width,
    border: '1px solid #ccc',
    borderRadius: 5,
    boxShadow: '5px 5px rgba(0,0,0,0.25);'
  }} />

    <div style={{
    transform: 'translateX(-50%)',
    left: '50%',
    top: 0,
    position: 'absolute',
    height: '100%',
    width: '100%',
    zIndex: 0,
    overflow: 'hidden',
    pointerEvents: 'none'
  }}>
      <img src={`${host}/images/grid-bg-trans.png`} className="m-0" />
    </div>
  </div>;
};

### Background Color

The background color of the login/sign-up page and the left pane of your whitelabel instance.

### Favicon

The favicon of your whitelabel instance. This is the icon that will be displayed in the browser tab when your customers visit your Packages instance.

*Dimensions: 50px x 50px*

### Top left logo

The logo that will be displayed in the top left corner of your whitelabel instance.

*Dimensions: 500px x 500px*

### Large logo with Text

The larger logo that will be displayed on the footer of your whitelabel instance

*Dimensions: 930px x 367px*

### Login/sign-up background image

The background image that will appear on the login and sign-up page of your whitelabel instance.

Ideally it is a seamless pattern that will be repeated to fill the entire background of the page.

*Dimensions: 500px x 500px*

### Background image height

The CSS height/scale of the background image on the login and sign-up page of your whitelabel instance.