ontime/apps/client/src/theme/ontimeSwitch.ts

export const ontimeSwitch = {
  track: {
    background: '#2d2d2d', // $gray-1100
    border: '1px solid transparent',
    _checked: {
      background: '#2B5ABC', // $blue-700
    },
    _focus: {
      border: '1px solid #578AF4', // $blue-500
    },
  },
};

export const lightSwitch = {
  track: {
    border: '1px solid transparent',
    background: '#cfcfcf', // $gray-300
    _checked: {
      background: '#578AF4', // $blue-500
    },
    _focus: {
      border: '1px solid #D2DDFF', // $blue-200
    },
  },
};