@dnb/eufemia/style/themes/carnegie/tokens-tailwind.css

DNB Eufemia Design System UI Library

/* This file is auto generated by makePropertiesFile.ts */

/* stylelint-disable-next-line scss/at-rule-no-unknown */
@theme {
  --color-background-page-background: var(--carnegie-greyscale-0);
  --color-background-action: var(--carnegie-greyscale-1000);
  --color-background-action-hover: var(--carnegie-greyscale-800);
  --color-background-action-hover-subtle: var(--carnegie-greyscale-1000-5);
  --color-background-action-pressed: var(--carnegie-greyscale-1000);
  --color-background-action-pressed-subtle: var(
    --carnegie-greyscale-1000-10
  );
  --color-background-action-focus: var(--carnegie-blue-600);
  --color-background-action-focus-subtle: var(--carnegie-blue-100);
  --color-background-action-disabled: var(--carnegie-greyscale-200);
  --color-background-action-inverse: var(--carnegie-greyscale-300);
  --color-background-action-hover-inverse: var(--carnegie-greyscale-300);
  --color-background-action-hover-subtle-inverse: var(
    --carnegie-greyscale-1000
  );
  --color-background-action-pressed-subtle-inverse: var(
    --carnegie-greyscale-800
  );
  --color-background-action-ondark: var(--carnegie-greyscale-0);
  --color-background-action-hover-ondark: var(--carnegie-greyscale-0);
  --color-background-action-hover-subtle-ondark: var(
    --carnegie-greyscale-1000-30
  );
  --color-background-action-pressed-ondark: var(--carnegie-greyscale-0);
  --color-background-action-pressed-subtle-ondark: var(
    --carnegie-greyscale-1000-50
  );
  --color-background-action-disabled-ondark: var(--carnegie-greyscale-700);
  --color-background-action-alternative: var(--carnegie-greyscale-1000);
  --color-background-action-alternative-hover-subtle: var(
    --carnegie-greyscale-100
  );
  --color-background-selected: var(--carnegie-greyscale-1000);
  --color-background-selected-subtle: var(--carnegie-beige-200);
  --color-background-selected-ondark: var(--carnegie-greyscale-0);
  --color-background-selected-subtle-ondark: var(
    --carnegie-greyscale-1000
  );
  --color-background-neutral: var(--carnegie-greyscale-0);
  --color-background-neutral-static: var(--carnegie-greyscale-0);
  --color-background-neutral-subtle: var(--carnegie-greyscale-50);
  --color-background-neutral-base: var(--carnegie-greyscale-100);
  --color-background-neutral-bold: var(--carnegie-greyscale-200);
  --color-background-neutral-alternative: var(--carnegie-blue-50);
  --color-background-info: var(--carnegie-coldgreen-600);
  --color-background-info-subtle: var(--carnegie-green-50);
  --color-background-positive: var(--carnegie-green-700);
  --color-background-positive-subtle: var(--carnegie-green-50);
  --color-background-warning: var(--carnegie-yellow-500);
  --color-background-warning-subtle: var(--carnegie-yellow-50);
  --color-background-error: var(--carnegie-red-600);
  --color-background-error-subtle: var(--carnegie-red-50);
  --color-background-marketing: var(--carnegie-greyscale-800);
  --color-background-marketing-subtle: var(--carnegie-blue-50);
  --color-text-action: var(--carnegie-greyscale-1000);
  --color-text-action-hover: var(--carnegie-greyscale-1000);
  --color-text-action-pressed: var(--carnegie-greyscale-1000);
  --color-text-action-focus: var(--carnegie-blue-600);
  --color-text-action-disabled: var(--carnegie-greyscale-200);
  --color-text-action-inverse: var(--carnegie-greyscale-0);
  --color-text-action-hover-inverse: var(--carnegie-greyscale-0);
  --color-text-action-pressed-inverse: var(--carnegie-greyscale-0);
  --color-text-selected: var(--carnegie-greyscale-800);
  --color-text-action-ondark: var(--carnegie-greyscale-0);
  --color-text-action-hover-ondark: var(--carnegie-greyscale-0);
  --color-text-action-pressed-ondark: var(--carnegie-greyscale-0);
  --color-text-action-disabled-ondark: var(--carnegie-greyscale-400);
  --color-text-action-alternative-ondark: var(--carnegie-greyscale-0);
  --color-text-neutral: var(--carnegie-greyscale-1000);
  --color-text-neutral-onlight: var(--carnegie-greyscale-1000);
  --color-text-neutral-alternative: var(--carnegie-greyscale-500);
  --color-text-neutral-inverse: var(--carnegie-greyscale-0);
  --color-text-neutral-ondark: var(--carnegie-greyscale-0);
  --color-text-neutral-subtle: var(--carnegie-greyscale-200);
  --color-text-neutral-subtle-ondark: var(--carnegie-greyscale-200);
  --color-text-destructive: var(--carnegie-red-600);
  --color-text-destructive-inverse: var(--carnegie-orange-600);
  --color-text-warning: var(--carnegie-yellow-800);
  --color-text-warning-inverse: var(--carnegie-yellow-500);
  --color-text-positive: var(--carnegie-green-700);
  --color-text-positive-inverse: var(--carnegie-green-600);
  --color-icon-action: var(--carnegie-greyscale-1000);
  --color-icon-action-hover: var(--carnegie-greyscale-1000);
  --color-icon-action-pressed: var(--carnegie-greyscale-1000);
  --color-icon-action-focus: var(--carnegie-blue-600);
  --color-icon-action-disabled: var(--carnegie-greyscale-200);
  --color-icon-action-inverse: var(--carnegie-greyscale-0);
  --color-icon-action-hover-inverse: var(--carnegie-greyscale-0);
  --color-icon-action-pressed-inverse: var(--carnegie-greyscale-0);
  --color-icon-selected: var(--carnegie-greyscale-1000);
  --color-icon-selected-ondark: var(--carnegie-greyscale-100);
  --color-icon-action-ondark: var(--carnegie-greyscale-0);
  --color-icon-action-alternative-ondark: var(--carnegie-greyscale-0);
  --color-icon-action-hover-ondark: var(--carnegie-greyscale-0);
  --color-icon-action-pressed-ondark: var(--carnegie-greyscale-0);
  --color-icon-action-disabled-ondark: var(--carnegie-greyscale-400);
  --color-icon-neutral: var(--carnegie-greyscale-1000);
  --color-icon-neutral-static: var(--carnegie-greyscale-1000);
  --color-icon-neutral-inverse: var(--carnegie-greyscale-0);
  --color-icon-neutral-ondark: var(--carnegie-greyscale-0);
  --color-icon-neutral-alternative: var(--carnegie-greyscale-500);
  --color-icon-destructive: var(--carnegie-red-600);
  --color-icon-info: var(--carnegie-coldgreen-600);
  --color-icon-info-subtle: var(--carnegie-green-50);
  --color-icon-positive: var(--carnegie-green-700);
  --color-icon-positive-subtle: var(--carnegie-green-50);
  --color-icon-warning: var(--carnegie-yellow-500);
  --color-icon-warning-subtle: var(--carnegie-yellow-50);
  --color-icon-error: var(--carnegie-red-600);
  --color-icon-error-subtle: var(--carnegie-red-50);
  --color-icon-marketing: var(--carnegie-greyscale-800);
  --color-icon-marketing-subtle: var(--carnegie-blue-50);
  --color-stroke-action: var(--carnegie-greyscale-1000);
  --color-stroke-action-alternative: var(--carnegie-greyscale-1000);
  --color-stroke-action-hover: var(--carnegie-greyscale-1000);
  --color-stroke-action-pressed: var(--carnegie-greyscale-700);
  --color-stroke-action-inverse: var(--carnegie-greyscale-0);
  --color-stroke-action-hover-inverse: var(--carnegie-greyscale-0);
  --color-stroke-action-pressed-inverse: var(--carnegie-greyscale-400);
  --color-stroke-action-focus: var(--carnegie-blue-600);
  --color-stroke-action-focus-subtle: var(--carnegie-blue-100);
  --color-stroke-action-disabled: var(--carnegie-greyscale-300);
  --color-stroke-selected: var(--carnegie-greyscale-1000);
  --color-stroke-selected-ondark: var(--carnegie-greyscale-300);
  --color-stroke-action-ondark: var(--carnegie-greyscale-0);
  --color-stroke-action-alternative-ondark: var(--carnegie-greyscale-200);
  --color-stroke-action-hover-ondark: var(--carnegie-greyscale-0);
  --color-stroke-action-pressed-ondark: var(--carnegie-greyscale-0);
  --color-stroke-action-disabled-ondark: var(--carnegie-greyscale-600);
  --color-stroke-neutral: var(--carnegie-beige-300);
  --color-stroke-neutral-ondark: var(--carnegie-greyscale-0);
  --color-stroke-neutral-subtle: var(--carnegie-beige-200);
  --color-stroke-neutral-bold: var(--carnegie-greyscale-1000);
  --color-stroke-neutral-alternative: var(--carnegie-greyscale-200);
  --color-stroke-info: var(--carnegie-coldgreen-600);
  --color-stroke-positive: var(--carnegie-green-700);
  --color-stroke-warning: var(--carnegie-yellow-500);
  --color-stroke-error: var(--carnegie-red-600);
  --color-stroke-marketing: var(--carnegie-greyscale-800);
  --color-decorative-first-muted: var(--carnegie-beige-50);
  --color-decorative-first-muted-static: var(--carnegie-beige-50);
  --color-decorative-first-subtle: var(--carnegie-beige-200);
  --color-decorative-first-subtle-static: var(--carnegie-beige-200);
  --color-decorative-first-base: var(--carnegie-beige-500);
  --color-decorative-first-base-static: var(--carnegie-beige-500);
  --color-decorative-first-bold: var(--carnegie-beige-800);
  --color-decorative-first-bold-static: var(--carnegie-beige-800);
  --color-decorative-first-intense: var(--carnegie-beige-950);
  --color-decorative-first-intense-static: var(--carnegie-beige-950);
  --color-decorative-second-muted: var(--carnegie-burgundy-100);
  --color-decorative-second-muted-static: var(--carnegie-burgundy-100);
  --color-decorative-second-subtle: var(--carnegie-burgundy-300);
  --color-decorative-second-subtle-static: var(--carnegie-burgundy-300);
  --color-decorative-second-base: var(--carnegie-burgundy-500);
  --color-decorative-second-base-static: var(--carnegie-burgundy-500);
  --color-decorative-second-bold: var(--carnegie-burgundy-900);
  --color-decorative-second-bold-static: var(--carnegie-burgundy-900);
  --color-decorative-second-intense: var(--carnegie-burgundy-950);
  --color-decorative-second-intense-static: var(--carnegie-burgundy-950);
  --color-decorative-third-muted: var(--carnegie-coldgreen-100);
  --color-decorative-third-muted-static: var(--carnegie-green-100);
  --color-decorative-third-subtle: var(--carnegie-coldgreen-300);
  --color-decorative-third-subtle-static: var(--carnegie-coldgreen-300);
  --color-decorative-third-base: var(--carnegie-coldgreen-500);
  --color-decorative-third-base-static: var(--carnegie-coldgreen-500);
  --color-decorative-third-bold: var(--carnegie-coldgreen-700);
  --color-decorative-third-bold-static: var(--carnegie-coldgreen-700);
  --color-decorative-third-intense: var(--carnegie-coldgreen-950);
  --color-decorative-third-intense-static: var(--carnegie-coldgreen-950);
  --color-component-button-background-action: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-background-action-hover: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-background-action-destructive: var(
    --carnegie-red-600
  );
  --color-component-button-background-action-destructive-hover: var(
    --carnegie-red-600
  );
  --color-component-button-background-action-destructive-hover-subtle: var(
    --carnegie-red-50
  );
  --color-component-button-background-action-destructive-pressed: var(
    --carnegie-red-700
  );
  --color-component-button-background-action-destructive-pressed-subtle: var(
    --carnegie-red-100
  );
  --color-component-button-text-neutral: var(--carnegie-greyscale-0);
  --color-component-button-text-neutral-inverse: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-text-neutral-ondark: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-text-action: var(--carnegie-greyscale-1000);
  --color-component-button-text-action-hover: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-text-action-inverse: var(
    --carnegie-greyscale-0
  );
  --color-component-button-text-action-hover-inverse: var(
    --carnegie-greyscale-0
  );
  --color-component-button-text-action-ondark: var(--carnegie-greyscale-0);
  --color-component-button-text-action-hover-ondark: var(
    --carnegie-greyscale-0
  );
  --color-component-button-text-action-disabled: var(
    --carnegie-greyscale-0
  );
  --color-component-button-text-neutral-destructive: var(
    --carnegie-greyscale-0
  );
  --color-component-button-text-action-destructive: var(
    --carnegie-red-600
  );
  --color-component-button-text-action-destructive-hover: var(
    --carnegie-red-600
  );
  --color-component-button-text-action-destructive-pressed: var(
    --carnegie-red-700
  );
  --color-component-button-icon-neutral: var(--carnegie-greyscale-0);
  --color-component-button-icon-neutral-ondark: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-icon-action: var(--carnegie-greyscale-1000);
  --color-component-button-icon-action-hover: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-icon-action-disabled: var(
    --carnegie-greyscale-0
  );
  --color-component-button-icon-neutral-destructive: var(
    --carnegie-greyscale-0
  );
  --color-component-button-icon-action-destructive: var(
    --carnegie-red-600
  );
  --color-component-button-icon-action-destructive-hover: var(
    --carnegie-red-600
  );
  --color-component-button-icon-action-destructive-pressed: var(
    --carnegie-red-700
  );
  --color-component-button-stroke-action: var(--carnegie-greyscale-1000);
  --color-component-button-stroke-action-hover: var(
    --carnegie-greyscale-1000
  );
  --color-component-button-stroke-action-destructive: var(
    --carnegie-red-600
  );
  --color-component-button-stroke-action-destructive-hover: var(
    --carnegie-red-600
  );
  --color-component-button-stroke-action-destructive-pressed: var(
    --carnegie-red-700
  );
  --color-component-button-stroke-selected: var(--carnegie-beige-700);
  --color-component-tooltip-background-neutral: var(
    --carnegie-greyscale-800
  );
  --color-component-table-background-neutral-alternative: var(
    --carnegie-greyscale-25
  );
  --color-component-dimmer-background: var(--carnegie-greyscale-1000-30);
  --color-component-switch-action-disabled-ondark: var(
    --carnegie-greyscale-800
  );
  --color-component-progressbar-neutral-onsubtle: var(
    --carnegie-greyscale-200
  );
}