@ory/elements-react
Version:
Ory Elements React - a collection of React components for authentication UIs.
162 lines (161 loc) • 11 kB
JSON
{
"colors": {
"light": {
"button-identifier-background-default": "var(--button-identifier-background-default)",
"button-identifier-background-hover": "var(--button-identifier-background-hover)",
"button-identifier-border-border-default": "var(--button-identifier-border-border-default)",
"button-identifier-border-border-hover": "var(--button-identifier-border-border-hover)",
"button-identifier-foreground-default": "var(--button-identifier-foreground-default)",
"button-identifier-foreground-hover": "var(--button-identifier-foreground-hover)",
"button-link-brand-brand": "var(--button-link-brand-brand)",
"button-link-brand-brand-hover": "var(--button-link-brand-brand-hover)",
"button-link-default-primary": "var(--button-link-default-primary)",
"button-link-default-primary-hover": "var(--button-link-default-primary-hover)",
"button-link-default-secondary": "var(--button-link-default-secondary)",
"button-link-default-secondary-hover": "var(--button-link-default-secondary-hover)",
"button-link-disabled-disabled": "var(--button-link-disabled-disabled)",
"button-primary-background-default": "var(--button-primary-background-default)",
"button-primary-background-disabled": "var(--button-primary-background-disabled)",
"button-primary-background-hover": "var(--button-primary-background-hover)",
"button-primary-border-default": "var(--button-primary-border-default)",
"button-primary-border-disabled": "var(--button-primary-border-disabled)",
"button-primary-border-hover": "var(--button-primary-border-hover)",
"button-primary-foreground-default": "var(--button-primary-foreground-default)",
"button-primary-foreground-disabled": "var(--button-primary-foreground-disabled)",
"button-primary-foreground-hover": "var(--button-primary-foreground-hover)",
"button-secondary-background-default": "var(--button-secondary-background-default)",
"button-secondary-background-disabled": "var(--button-secondary-background-disabled)",
"button-secondary-background-hover": "var(--button-secondary-background-hover)",
"button-secondary-border-default": "var(--button-secondary-border-default)",
"button-secondary-border-disabled": "var(--button-secondary-border-disabled)",
"button-secondary-border-hover": "var(--button-secondary-border-hover)",
"button-secondary-foreground-default": "var(--button-secondary-foreground-default)",
"button-secondary-foreground-disabled": "var(--button-secondary-foreground-disabled)",
"button-secondary-foreground-hover": "var(--button-secondary-foreground-hover)",
"button-social-background-default": "var(--button-social-background-default)",
"button-social-background-disabled": "var(--button-social-background-disabled)",
"button-social-background-generic-provider": "var(--button-social-background-generic-provider)",
"button-social-background-hover": "var(--button-social-background-hover)",
"button-social-border-default": "var(--button-social-border-default)",
"button-social-border-disabled": "var(--button-social-border-disabled)",
"button-social-border-generic-provider": "var(--button-social-border-generic-provider)",
"button-social-border-hover": "var(--button-social-border-hover)",
"button-social-foreground-default": "var(--button-social-foreground-default)",
"button-social-foreground-disabled": "var(--button-social-foreground-disabled)",
"button-social-foreground-generic-provider": "var(--button-social-foreground-generic-provider)",
"button-social-foreground-hover": "var(--button-social-foreground-hover)",
"checkbox-background-checked": "var(--checkbox-background-checked)",
"checkbox-background-default": "var(--checkbox-background-default)",
"checkbox-border-checkbox-border-checked": "var(--checkbox-border-checkbox-border-checked)",
"checkbox-border-checkbox-border-default": "var(--checkbox-border-checkbox-border-default)",
"checkbox-foreground-checked": "var(--checkbox-foreground-checked)",
"checkbox-foreground-default": "var(--checkbox-foreground-default)",
"form-background-default": "var(--form-background-default)",
"form-border-default": "var(--form-border-default)",
"input-background-default": "var(--input-background-default)",
"input-background-disabled": "var(--input-background-disabled)",
"input-background-hover": "var(--input-background-hover)",
"input-border-default": "var(--input-border-default)",
"input-border-disabled": "var(--input-border-disabled)",
"input-border-focus": "var(--input-border-focus)",
"input-border-hover": "var(--input-border-hover)",
"input-foreground-disabled": "var(--input-foreground-disabled)",
"input-foreground-primary": "var(--input-foreground-primary)",
"input-foreground-secondary": "var(--input-foreground-secondary)",
"input-foreground-tertiary": "var(--input-foreground-tertiary)",
"interface-background-brand-primary": "var(--interface-background-brand-primary)",
"interface-background-brand-primary-hover": "var(--interface-background-brand-primary-hover)",
"interface-background-brand-secondary": "var(--interface-background-brand-secondary)",
"interface-background-brand-secondary-hover": "var(--interface-background-brand-secondary-hover)",
"interface-background-default-inverted": "var(--interface-background-default-inverted)",
"interface-background-default-inverted-hover": "var(--interface-background-default-inverted-hover)",
"interface-background-default-none": "var(--interface-background-default-none)",
"interface-background-default-primary": "var(--interface-background-default-primary)",
"interface-background-default-primary-hover": "var(--interface-background-default-primary-hover)",
"interface-background-default-secondary": "var(--interface-background-default-secondary)",
"interface-background-default-secondary-hover": "var(--interface-background-default-secondary-hover)",
"interface-background-default-tertiary": "var(--interface-background-default-tertiary)",
"interface-background-default-tertiary-hover": "var(--interface-background-default-tertiary-hover)",
"interface-background-disabled-disabled": "var(--interface-background-disabled-disabled)",
"interface-background-validation-danger": "var(--interface-background-validation-danger)",
"interface-background-validation-success": "var(--interface-background-validation-success)",
"interface-background-validation-warning": "var(--interface-background-validation-warning)",
"interface-border-brand-brand": "var(--interface-border-brand-brand)",
"interface-border-default-inverted": "var(--interface-border-default-inverted)",
"interface-border-default-none": "var(--interface-border-default-none)",
"interface-border-default-primary": "var(--interface-border-default-primary)",
"interface-border-disabled-disabled": "var(--interface-border-disabled-disabled)",
"interface-border-validation-danger": "var(--interface-border-validation-danger)",
"interface-border-validation-success": "var(--interface-border-validation-success)",
"interface-border-validation-warning": "var(--interface-border-validation-warning)",
"interface-foreground-brand-on-primary": "var(--interface-foreground-brand-on-primary)",
"interface-foreground-brand-on-secondary": "var(--interface-foreground-brand-on-secondary)",
"interface-foreground-brand-primary": "var(--interface-foreground-brand-primary)",
"interface-foreground-brand-secondary": "var(--interface-foreground-brand-secondary)",
"interface-foreground-default-inverted": "var(--interface-foreground-default-inverted)",
"interface-foreground-default-primary": "var(--interface-foreground-default-primary)",
"interface-foreground-default-secondary": "var(--interface-foreground-default-secondary)",
"interface-foreground-default-tertiary": "var(--interface-foreground-default-tertiary)",
"interface-foreground-disabled-disabled": "var(--interface-foreground-disabled-disabled)",
"interface-foreground-disabled-on-disabled": "var(--interface-foreground-disabled-on-disabled)",
"interface-foreground-validation-danger": "var(--interface-foreground-validation-danger)",
"interface-foreground-validation-success": "var(--interface-foreground-validation-success)",
"interface-foreground-validation-warning": "var(--interface-foreground-validation-warning)",
"ory-background-default": "var(--ory-background-default)",
"ory-border-default": "var(--ory-border-default)",
"ory-foreground-default": "var(--ory-foreground-default)",
"radio-background-checked": "var(--radio-background-checked)",
"radio-background-default": "var(--radio-background-default)",
"radio-border-checked": "var(--radio-border-checked)",
"radio-border-default": "var(--radio-border-default)",
"radio-foreground-checked": "var(--radio-foreground-checked)",
"radio-foreground-default": "var(--radio-foreground-default)",
"toggle-background-checked": "var(--toggle-background-checked)",
"toggle-background-default": "var(--toggle-background-default)",
"toggle-border-checked": "var(--toggle-border-checked)",
"toggle-border-default": "var(--toggle-border-default)",
"toggle-foreground-checked": "var(--toggle-foreground-checked)",
"toggle-foreground-default": "var(--toggle-foreground-default)"
},
"brand": {
"brand-100": "var(--brand-100)",
"brand-200": "var(--brand-200)",
"brand-300": "var(--brand-300)",
"brand-400": "var(--brand-400)",
"brand-50": "var(--brand-50)",
"brand-500": "var(--brand-500)",
"brand-600": "var(--brand-600)",
"brand-700": "var(--brand-700)",
"brand-800": "var(--brand-800)",
"brand-900": "var(--brand-900)",
"brand-950": "var(--brand-950)"
},
"primitives": {
"ui-100": "var(--ui-100)",
"ui-200": "var(--ui-200)",
"ui-300": "var(--ui-300)",
"ui-400": "var(--ui-400)",
"ui-50": "var(--ui-50)",
"ui-500": "var(--ui-500)",
"ui-600": "var(--ui-600)",
"ui-700": "var(--ui-700)",
"ui-800": "var(--ui-800)",
"ui-900": "var(--ui-900)",
"ui-950": "var(--ui-950)",
"ui-black": "var(--ui-black)",
"ui-danger": "var(--ui-danger)",
"ui-success": "var(--ui-success)",
"ui-transparent": "var(--ui-transparent)",
"ui-warning": "var(--ui-warning)",
"ui-white": "var(--ui-white)"
}
},
"borderRadius": {
"buttons": "var(--radius-buttons)",
"forms": "var(--radius-forms)",
"general": "var(--radius-general)",
"branding": "var(--radius-branding)",
"cards": "var(--radius-cards)",
"identifier": "var(--radius-identifier)"
}
}