:host, .sl-theme-dark { color-scheme: dark; --primary-100: #d0e8fc; --primary-200: #b3cbde; --primary-300: #9ab1c5; --primary-400: #8298ab; --primary-500: #627789; --primary-600: #465b6c; --primary-700: #334858; --primary-800: #223545; --primary-900: #0c1f2d; --primary-transparent-100: rgba(98, 119, 137, 0.08); --primary-transparent-200: rgba(98, 119, 137, 0.16); --primary-transparent-300: rgba(98, 119, 137, 0.24); --primary-transparent-400: rgba(98, 119, 137, 0.32); --primary-transparent-500: rgba(98, 119, 137, 0.4); --primary-transparent-600: rgba(98, 119, 137, 0.48);  }