Please use this guide to allow dark mode consistency across your product. Please NOTE: the first hand means light mode while the second mode means dark mode.
-- Base
White --> Black
Black --> White
Light --> Dark
Dark --> Light
-- Frequents use
secondary --> secondary-200
secondary-50 --> secondary-800
secondary-100 --> secondary-800 // Use case: border color
secondary-800 --> secondary-200
primary-100 --> primary-800
primary-800 --> primary-100
primary-800 --> primary-900 // Use case: when using as a sublt color of itself