:host, .sl-theme-dark { color-scheme: dark; --primary-100: #e5e5e5; --primary-200: #c9c9c9; --primary-300: #aeaeae; --primary-400: #959595; --primary-500: #757575; --primary-600: #595959; --primary-700: #454545; --primary-800: #323232; --primary-900: #1e1e1e; --primary-transparent-100: rgba(117, 117, 117, 0.08); --primary-transparent-200: rgba(117, 117, 117, 0.16); --primary-transparent-300: rgba(117, 117, 117, 0.24); --primary-transparent-400: rgba(117, 117, 117, 0.32); --primary-transparent-500: rgba(117, 117, 117, 0.4); --primary-transparent-600: rgba(117, 117, 117, 0.48);  }