@serendie/ui/styled-system/themes/theme-konjo-dark.json

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

{
  "name": "konjo-dark",
  "id": "panda-theme-konjo-dark",
  "css": "[data-panda-theme=konjo-dark] {\n    --colors-sd-system-color-impression-primary: #C0CFFD;\n    --colors-sd-system-color-impression-on-primary: #000000;\n    --colors-sd-system-color-impression-primary-container: #C0CFFD;\n    --colors-sd-system-color-impression-on-primary-container: #000000;\n    --colors-sd-system-color-impression-secondary: #043F81;\n    --colors-sd-system-color-impression-on-secondary: #F0F0F0;\n    --colors-sd-system-color-impression-secondary-container: #043F81;\n    --colors-sd-system-color-impression-on-secondary-container: #F0F0F0;\n    --colors-sd-system-color-impression-tertiary: #081E3F;\n    --colors-sd-system-color-impression-on-tertiary: #F0F0F0;\n    --colors-sd-system-color-impression-tertiary-container: #081E3F;\n    --colors-sd-system-color-impression-on-tertiary-container: #F0F0F0;\n    --colors-sd-system-color-impression-notice: #DEC400;\n    --colors-sd-system-color-impression-on-notice: #FFFFFF;\n    --colors-sd-system-color-impression-notice-container: #514400;\n    --colors-sd-system-color-impression-on-notice-container: #FFFFFF;\n    --colors-sd-system-color-impression-notice-container-variant: #3A3000;\n    --colors-sd-system-color-impression-on-notice-container-variant: #F0F0F0;\n    --colors-sd-system-color-impression-negative: #FFC0BB;\n    --colors-sd-system-color-impression-on-negative: #000000;\n    --colors-sd-system-color-impression-negative-container: #81001F;\n    --colors-sd-system-color-impression-on-negative-container: #FFFFFF;\n    --colors-sd-system-color-impression-negative-container-variant: #600114;\n    --colors-sd-system-color-impression-on-negative-container-variant: #FFDCDA;\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: #146348;\n    --colors-sd-system-color-impression-on-positive-container: #F0F0F0;\n    --colors-sd-system-color-impression-positive-container-variant: #12372B;\n    --colors-sd-system-color-impression-on-positive-container-variant: #F0F0F0;\n    --colors-sd-system-color-component-surface: #141414;\n    --colors-sd-system-color-component-on-surface: #E4E4E3;\n    --colors-sd-system-color-component-on-surface-variant: #B1B0AE;\n    --colors-sd-system-color-component-inverse-surface: #F0F0F0;\n    --colors-sd-system-color-component-inverse-on-surface: #000000;\n    --colors-sd-system-color-component-inverse-primary: #081E3F;\n    --colors-sd-system-color-component-outline-bright: #424242;\n    --colors-sd-system-color-component-outline: #575757;\n    --colors-sd-system-color-component-outline-dim: #8C8B87;\n    --colors-sd-system-color-component-scrim: #00000099;\n    --colors-sd-system-color-component-surface-dim: #141414;\n    --colors-sd-system-color-component-surface-bright: #3B3B3B;\n    --colors-sd-system-color-component-surface-container-bright: #212121;\n    --colors-sd-system-color-component-surface-container: #2E2E2E;\n    --colors-sd-system-color-component-surface-container-dim: #474747;\n    --colors-sd-system-color-interaction-disabled: #31312F;\n    --colors-sd-system-color-interaction-disabled-on-surface: #6F6F6F;\n    --colors-sd-system-color-interaction-selected: #FFFFFF05;\n    --colors-sd-system-color-interaction-selected-surface: #043F81;\n    --colors-sd-system-color-interaction-hovered: #FFFFFF33;\n    --colors-sd-system-color-interaction-hovered-variant: #FFFFFF0D;\n    --colors-sd-system-color-interaction-hovered-on-primary: #00000099;\n    --colors-sd-system-color-chart-mark-primary-01: #DDE3FF;\n    --colors-sd-system-color-chart-mark-primary-02: #C0CFFD;\n    --colors-sd-system-color-chart-mark-primary-03: #8FAEFE;\n    --colors-sd-system-color-chart-mark-primary-04: #3B86F9;\n    --colors-sd-system-color-chart-mark-primary-05: #056AD8;\n    --colors-sd-system-color-chart-mark-primary-06: #073165;\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: #3B86F9;\n    --colors-sd-system-color-chart-component-chart-surface: #FFFFFF;\n    --colors-sd-system-color-chart-component-on-chart-surface: #6F6F6F\n}"
}