Switch between themes

[lucifer-crybaby]

It sounds like a dumb question but I couldn't find like how do you actually switch/toggle between themes programmatically let's say by a button press or something like that, in the docs it says that you how to define your colors, schemes etc but I think it left out most important part switch between themes, this is what i have so far.

import { s } from 'react-native-size-matters'
import { Colors, Spacings, Typography, ThemeManager, BorderRadiuses } from 'react-native-ui-lib'

Colors.loadColors({
  black: '#181818',
  orange: '#E95400',
  white: '#FFFFFF',

  grey50: '#FAFAFA',
  grey100: '#F6F7F9',
  grey200: '#E5E7EA',
  grey300: '#CED2D6',
  grey400: '#9EA5AD',
  grey500: '#676E76',
  grey600: '#596066',
  grey700: '#454C52',
  grey800: '#383F45',
  grey900: '#24292E',
  grey1000: '#1F2327',

  error50: '#FFFBFA',
  error100: '#FEF2F2',
  error200: '#FDE9E9',
  error300: '#FAC7C7',
  error400: '#F7A1A1',
  error500: '#F37373',
  error600: '#F34141',
  error700: '#CD3636',
  error800: '#A32E2E',
  error900: '#7C2323',
  error1000: '#601B1B',

  warning50: '#FFFCF5',
  warning100: '#FEFAF5',
  warning200: '#FBF2CB',
  warning300: '#FDE57E',
  warning400: '#FFD16A',
  warning500: '#FBBC55',
  warning600: '#E9A23B',
  warning700: '#C8811A',
  warning800: '#A35C00',
  warning900: '#8B4400',
  warning1000: '#78310B',

  success50: '#F6FEF9',
  success100: '#EAFFF2',
  success200: '#D9F9E6',
  success300: '#B8F1D2',
  success400: '#8EE4BA',
  success500: '#6AD09D',
  success600: '#53B483',
  success700: '#2F9461',
  success800: '#2F7657',
  success900: '#255E46',
  success1000: '#1E4D3A',
})

Colors.loadSchemes({
  light: {
    bg: Colors.grey1000,
    text: Colors.white,
  },
  dark: {
    bg: Colors.white,
    text: Colors.black,
  },
})

BorderRadiuses.loadBorders({
  br0: s(0),
  br1: s(3),
  br2: s(5),
  br3: s(7),
  br4: s(9),
  br5: s(10),
  br6: s(16),
  br7: s(19),
  br8: s(22),
  br9: s(26),
  br10: s(34),
  br11: s(42),
  br12: s(50),
})

Typography.loadTypographies({
  'text-light': { fontFamily: 'GeologicaRoman-Light' },
  'text-medium': { fontFamily: 'GeologicaRoman-Medium' },
  'text-2xs': { fontSize: s(10) },
  'text-xs': { fontSize: s(12) },
  'text-sm': { fontSize: s(14) },
  'text-md': { fontSize: s(16) },
  'text-lg': { fontSize: s(18) },
  'text-xl': { fontSize: s(24) },
  'text-2xl': { fontSize: s(32) },
})

Spacings.loadSpacings({
  '2xs': s(2),
  xs: s(6),
  sm: s(10),
  md: s(14),
  lg: s(20),
  xl: s(28),
  '2xl': s(36),
  '3xl': s(40),
  '4xl': s(48),
  '5xl': s(56),
  '6xl': s(68),
  '7xl': s(76),
  '8xl': s(88),
  '9xl': s(96),
})

ThemeManager.setComponentTheme('Text', (props, context) => {
  return {
    'text-light': true,
    'text-sm': true,
    bg: true,
  }
})

ThemeManager.setComponentTheme('Button', (props, context) => {
  return {
    br2: true,
    'bg-bg': true,
    text: true,
  }
})

I think it uses light scheme by default but how do I instruct it to use dark.
TIA