@descope/web-components-ui 1.0.277 → 1.0.278

package/dist/cjs/index.cjs.js

@@ -393,7 +393,7 @@ const genColors = (colors) => {
 
 const direction = 'ltr';
 
-const colors = genColors({
+const colors$1 = genColors({
   surface: {
     main: '#ffffff',
     dark: '#636c74',
@@ -557,7 +557,7 @@ const shadow = {
 };
 
 const globals = {
-  colors,
+  colors: colors$1,
   typography,
   spacing,
   border,
@@ -9895,6 +9895,50 @@ const vars = Object.keys(components).reduce(
 const defaultTheme = { globals, components: theme };
 const themeVars = { globals: vars$y, components: vars };
 
+const colors = {
+  surface: {
+    main: '#181a1c',
+    dark: '#bec4ca',
+    light: '#555f68',
+    highlight: '#22262a',
+    contrast: '#f5f6f7',
+  },
+  primary: {
+    main: '#1f80ff',
+    dark: '#71aeff',
+    light: '#004094',
+    highlight: '#00214d',
+    contrast: '#000000',
+  },
+  secondary: {
+    main: '#a665eb',
+    dark: '#b9a0f3',
+    light: '#683ae6',
+    highlight: '#361299',
+    contrast: '#000000',
+  },
+  success: {
+    main: '#27963c',
+    dark: '#8bc3a2',
+    light: '#004d0f',
+    highlight: '#001f00',
+    contrast: '#000000',
+  },
+  error: {
+    main: '#f85249',
+    dark: '#fa7c75',
+    light: '#c51107',
+    highlight: '#4a0603',
+    contrast: '#000000',
+  },
+};
+
+const darkTheme = merge({}, defaultTheme, {
+  globals: {
+    colors,
+  },
+});
+
 const componentName$1 = getComponentName('recaptcha');
 
 const observedAttributes = ['enabled', 'site-key', 'action', 'enterprise'];
@@ -10186,6 +10230,7 @@ exports.UploadFileClass = UploadFileClass;
 exports.componentsThemeManager = componentsThemeManager;
 exports.createComponentsTheme = createComponentsTheme;
 exports.createHelperVars = createHelperVars;
+exports.darkTheme = darkTheme;
 exports.defaultTheme = defaultTheme;
 exports.genColor = genColor;
 exports.genColors = genColors;