@serendie/ui/styled-system/themes/theme-tsutsuji.json

Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric

{
  "name": "tsutsuji",
  "id": "panda-theme-tsutsuji",
  "css": "[data-panda-theme=tsutsuji] {\n    --colors-sd-system-color-impression-primary: #9B2657;\n    --colors-sd-system-color-impression-on-primary: #FFFFFF;\n    --colors-sd-system-color-impression-primary-container: #F9DCE5;\n    --colors-sd-system-color-impression-on-primary-container: #000000;\n    --colors-sd-system-color-impression-secondary: #F3C4D3;\n    --colors-sd-system-color-impression-on-secondary: #000000;\n    --colors-sd-system-color-impression-secondary-container: #F3C4D3;\n    --colors-sd-system-color-impression-on-secondary-container: #000000;\n    --colors-sd-system-color-impression-tertiary: #591734;\n    --colors-sd-system-color-impression-on-tertiary: #FFFFFF;\n    --colors-sd-system-color-impression-tertiary-container: #591734;\n    --colors-sd-system-color-impression-on-tertiary-container: #FFFFFF;\n    --colors-sd-system-color-impression-notice: #EDD857;\n    --colors-sd-system-color-impression-on-notice: #000000;\n    --colors-sd-system-color-impression-notice-container: #FCE998;\n    --colors-sd-system-color-impression-on-notice-container: #000000;\n    --colors-sd-system-color-impression-notice-container-variant: #FAF4E3;\n    --colors-sd-system-color-impression-on-notice-container-variant: #000000;\n    --colors-sd-system-color-impression-negative: #D00138;\n    --colors-sd-system-color-impression-on-negative: #FFFFFF;\n    --colors-sd-system-color-impression-negative-container: #FFDCDA;\n    --colors-sd-system-color-impression-on-negative-container: #000000;\n    --colors-sd-system-color-impression-negative-container-variant: #FCEBEA;\n    --colors-sd-system-color-impression-on-negative-container-variant: #A4002A;\n    --colors-sd-system-color-impression-positive: #2EAB80;\n    --colors-sd-system-color-impression-on-positive: #FFFFFF;\n    --colors-sd-system-color-impression-positive-container: #BCEEDD;\n    --colors-sd-system-color-impression-on-positive-container: #000000;\n    --colors-sd-system-color-impression-positive-container-variant: #DBF5EA;\n    --colors-sd-system-color-impression-on-positive-container-variant: #000000;\n    --colors-sd-system-color-component-surface: #FFFFFF;\n    --colors-sd-system-color-component-on-surface: #000000;\n    --colors-sd-system-color-component-on-surface-variant: #6F6F6F;\n    --colors-sd-system-color-component-inverse-surface: #232322;\n    --colors-sd-system-color-component-inverse-on-surface: #FFFFFF;\n    --colors-sd-system-color-component-inverse-primary: #FFF4F8;\n    --colors-sd-system-color-component-outline-bright: #E4E4E3;\n    --colors-sd-system-color-component-outline: #D1D0CD;\n    --colors-sd-system-color-component-outline-dim: #8C8B87;\n    --colors-sd-system-color-component-scrim: #00000033;\n    --colors-sd-system-color-component-surface-dim: #F0F0F0;\n    --colors-sd-system-color-component-surface-bright: #FFFFFF;\n    --colors-sd-system-color-component-surface-container-bright: #FFFFFF;\n    --colors-sd-system-color-component-surface-container: #FAFAFA;\n    --colors-sd-system-color-component-surface-container-dim: #F5F5F5;\n    --colors-sd-system-color-interaction-disabled: #F0F0F0;\n    --colors-sd-system-color-interaction-disabled-on-surface: #B1B0AE;\n    --colors-sd-system-color-interaction-selected: #00000005;\n    --colors-sd-system-color-interaction-selected-surface: #F3C4D3;\n    --colors-sd-system-color-interaction-hovered: #00000033;\n    --colors-sd-system-color-interaction-hovered-variant: #0000000D;\n    --colors-sd-system-color-interaction-hovered-on-primary: #FFFFFF99;\n    --colors-sd-system-color-chart-mark-primary-01: #F9DCE5;\n    --colors-sd-system-color-chart-mark-primary-02: #F3C4D3;\n    --colors-sd-system-color-chart-mark-primary-03: #F691B6;\n    --colors-sd-system-color-chart-mark-primary-04: #E2568F;\n    --colors-sd-system-color-chart-mark-primary-05: #9B2657;\n    --colors-sd-system-color-chart-mark-primary-06: #591734;\n    --colors-sd-system-color-chart-mark-positive-01: #BCEEDD;\n    --colors-sd-system-color-chart-mark-positive-02: #90E4C7;\n    --colors-sd-system-color-chart-mark-positive-03: #46D2A2;\n    --colors-sd-system-color-chart-mark-positive-04: #2EAB80;\n    --colors-sd-system-color-chart-mark-positive-05: #2C7C60;\n    --colors-sd-system-color-chart-mark-positive-06: #12372B;\n    --colors-sd-system-color-chart-mark-negative-01: #FFDCDA;\n    --colors-sd-system-color-chart-mark-negative-02: #FFC0BB;\n    --colors-sd-system-color-chart-mark-negative-03: #FF8F8F;\n    --colors-sd-system-color-chart-mark-negative-04: #F64157;\n    --colors-sd-system-color-chart-mark-negative-05: #D00138;\n    --colors-sd-system-color-chart-mark-negative-06: #600114;\n    --colors-sd-system-color-chart-mark-notice-01: #FCE998;\n    --colors-sd-system-color-chart-mark-notice-02: #EDD857;\n    --colors-sd-system-color-chart-mark-notice-03: #DEC400;\n    --colors-sd-system-color-chart-mark-notice-04: #A78E00;\n    --colors-sd-system-color-chart-mark-notice-05: #816E00;\n    --colors-sd-system-color-chart-mark-notice-06: #3A3000;\n    --colors-sd-system-color-chart-mark-multi-10: #AE8144;\n    --colors-sd-system-color-chart-mark-multi-01: #056AD8;\n    --colors-sd-system-color-chart-mark-multi-02: #46D2A2;\n    --colors-sd-system-color-chart-mark-multi-03: #FF8F8F;\n    --colors-sd-system-color-chart-mark-multi-04: #B36CCD;\n    --colors-sd-system-color-chart-mark-multi-05: #8F3D15;\n    --colors-sd-system-color-chart-mark-multi-06: #4ACBD4;\n    --colors-sd-system-color-chart-mark-multi-07: #FCE998;\n    --colors-sd-system-color-chart-mark-multi-08: #B54E1B;\n    --colors-sd-system-color-chart-mark-multi-09: #9B2657;\n    --colors-sd-system-color-chart-component-on-mark-label: #000000;\n    --colors-sd-system-color-chart-component-inverse-on-mark-label: #FFFFFF;\n    --colors-sd-system-color-chart-component-scalemark: #E4E4E3;\n    --colors-sd-system-color-chart-component-threshold: #E2568F;\n    --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n    --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
}