:host, .sl-theme-dark { color-scheme: dark; --primary-100: #d1e5ff; --primary-200: #a7c8ff; --primary-300: #80adff; --primary-400: #588fff; --primary-500: #2e66f8; --primary-600: #1344d5; --primary-700: #0329bd; --primary-800: #0100a5; --primary-900: #030072; --primary-transparent-100: rgba(46, 102, 248, 0.08); --primary-transparent-200: rgba(46, 102, 248, 0.16); --primary-transparent-300: rgba(46, 102, 248, 0.24); --primary-transparent-400: rgba(46, 102, 248, 0.32); --primary-transparent-500: rgba(46, 102, 248, 0.4); --primary-transparent-600: rgba(46, 102, 248, 0.48);  }