@daikin-oss/dds-tokens/themes/dkn/dark/system.json

Design token definitions for DDS

{
  "color": {
    "common": {
      "brand": {
        "default": {
          "value": "{color.blue.60}",
          "type": "color"
        },
        "hover": {
          "value": "{color.blue.50}",
          "type": "color"
        },
        "press": {
          "value": "{color.blue.40}",
          "type": "color"
        }
      },
      "surface": {
        "brand": {
          "hover": {
            "value": "{color.blue.120}",
            "type": "color"
          },
          "press": {
            "value": "{color.blue.110}",
            "type": "color"
          }
        },
        "neutral": {
          "hover": {
            "value": "{color.dark-gray.115}",
            "type": "color"
          },
          "press": {
            "value": "{color.gray.110}",
            "type": "color"
          }
        },
        "danger": {
          "hover": {
            "value": "{color.red.120}",
            "type": "color"
          },
          "press": {
            "value": "{color.red.110}",
            "type": "color"
          }
        },
        "default": {
          "value": "{color.gray.120}",
          "type": "color"
        },
        "secondary": {
          "default": {
            "value": "{color.gray.110}",
            "type": "color"
          },
          "hover": {
            "value": "{color.gray.100}",
            "type": "color"
          },
          "press": {
            "value": "{color.gray.90}",
            "type": "color"
          }
        },
        "inverse": {
          "value": "{color.white}",
          "type": "color"
        },
        "hover": {
          "value": "{color.dark-gray.115}",
          "type": "color"
        },
        "press": {
          "value": "{color.gray.110}",
          "type": "color"
        },
        "selected": {
          "default": {
            "value": "{color.blue.120}",
            "type": "color"
          },
          "hover": {
            "value": "{color.blue.110}",
            "type": "color"
          },
          "press": {
            "value": "{color.blue.100}",
            "type": "color"
          }
        }
      },
      "neutral": {
        "default": {
          "value": "{color.gray.50}",
          "type": "color"
        },
        "hover": {
          "value": "{color.gray.40}",
          "type": "color"
        },
        "press": {
          "value": "{color.gray.30}",
          "type": "color"
        }
      },
      "danger": {
        "default": {
          "value": "{color.red.60}",
          "type": "color"
        },
        "hover": {
          "value": "{color.red.50}",
          "type": "color"
        },
        "press": {
          "value": "{color.red.40}",
          "type": "color"
        }
      },
      "success": {
        "value": "{color.green.60}",
        "type": "color"
      },
      "warning": {
        "value": "{color.yellow.60}",
        "type": "color"
      },
      "alarm": {
        "value": "{color.orange.60}",
        "type": "color"
      },
      "information": {
        "value": "{color.blue.60}",
        "type": "color"
      },
      "disabled": {
        "value": "{color.gray.80}",
        "type": "color"
      },
      "text": {
        "primary": {
          "value": "{color.gray.30}",
          "type": "color"
        },
        "secondary": {
          "value": "{color.gray.50}",
          "type": "color"
        },
        "inverse": {
          "value": "{color.gray.120}",
          "type": "color"
        }
      },
      "border": {
        "focus": {
          "value": "{color.blue.50}",
          "type": "color"
        },
        "empty": {
          "value": "{color.gray.90}",
          "type": "color"
        },
        "inverse": {
          "value": "{color.gray.120}",
          "type": "color"
        }
      },
      "background": {
        "default": {
          "value": "{color.gray.120}",
          "type": "color"
        },
        "overlay": {
          "value": "#000000bf",
          "type": "color"
        }
      }
    },
    "divider": {
      "value": "{color.gray.90}",
      "type": "color"
    }
  }
}