:host, .sl-theme-dark { color-scheme: dark; --primary-100: #c7edcb; --primary-200: #a8cead; --primary-300: #8fb494; --primary-400: #779b7b; --primary-500: #597c5d; --primary-600: #3b5d40; --primary-700: #2a4b2f; --primary-800: #18391e; --primary-900: #022309; --primary-transparent-100: rgba(89, 124, 93, 0.08); --primary-transparent-200: rgba(89, 124, 93, 0.16); --primary-transparent-300: rgba(89, 124, 93, 0.24); --primary-transparent-400: rgba(89, 124, 93, 0.32); --primary-transparent-500: rgba(89, 124, 93, 0.4); --primary-transparent-600: rgba(89, 124, 93, 0.48);  }