{
  "id": "night-blue",
  "displayName": "Night Blue",
  "reduceTransparent": false,
  "nativeTheme": "dark",
  "variables": {
    "app": {
      "bg": "211, 100%, 15%, 1",
      "transparent": "221, 79%, 59%, 0.08",
      "border": "0, 0%, 100%, 0.1",
      "link": "142, 76%, 36%, 1",
      "code-block": "222, 96%, 10%, 1"
    },

    "primary": {
      "bg": {
        "__default": "221, 79%, 59%, 1",
        "soft": "221, 79%, 59%, 0.2"
      },
      "fg": "0, 0%, 100%, 1"
    },

    "secondary": {
      "bg": "0, 0%, 100%, 0.2",
      "fg": "0, 0%, 80%, 1"
    },

    "tertiary": {
      "bg": "0, 0%, 0%, 0.02"
    },

    "disabled": {
      "bg": "0, 0%, 0%, 0.2",
      "fg": "0, 0%, 100%, 0.2"
    },

    "top-panel": {
      "bg": "211, 100%, 9%, 1"
    },

    "bottom-panel": {
      "bg": "211, 100%, 9%, 1"
    },

    "ribbon-panel": {
      "bg": "211, 100%, 10%, 1",
      "border": "0, 0%, 100%, 0.1",
      "icon": "0, 0%, 68%, 1",
      "icon-hover": "0, 0%, 28%, 0.2",
      "icon-active": "0, 0%, 100%, 1",
      "icon-active-bg": "0, 0%, 100%, 0.1"
    },

    "left-panel": {
      "bg": "211, 100%, 12%, 1",
      "menu": "0, 0%, 95%, 1",
      "menu-hover": "0, 0%, 28%, 0.2",
      "menu-active": "0, 0%, 100%, 1",
      "icon-active-bg": "0, 0%, 100%, 0.1"
    },

    "center-panel": {
      "bg": "211, 100%, 15%, 1"
    },

    "right-panel": {
      "bg": "211, 100%, 12%, 1"
    },

    "tooltip": {
      "bg": "0, 0%, 100%, 1",
      "fg": "0, 0%, 0%, 1"
    },

    "switch": {
      "bg": "0, 0%, 80%, 0.1",
      "fg": "0, 0%, 100%, 1"
    },

    "dropdown-menu": {
      "hover-bg": "0, 0%, 28%, 0.2"
    },

    "scrollbar": {
      "tracker": "0, 0%, 28%, 0.2",
      "thumb": "0, 0%, 50%, 1"
    },

    "input": {
      "bg": "0, 0%, 13%, 0",
      "placeholder": "0, 0%, 70%, 0.5",
      "icon": "0, 0%, 68%, 1",
      "border": "0, 0%, 100%, 0.1"
    },

    "textarea": {
      "bg": "0, 0%, 13%, 0",
      "placeholder": "0, 0%, 70%, 0.5",
      "icon": "0, 0%, 68%, 1",
      "border": "0, 0%, 100%, 0.1"
    },

    "select": {
      "input-bg": "0, 0%, 13%, 0",
      "bg": "211, 100%, 15%, 1",
      "placeholder": "0, 0%, 70%, 0.5",
      "icon": "0, 0%, 68%, 1",
      "options-active-bg": "0, 0%, 28%, 0.2",
      "border": "0, 0%, 100%, 0.1"
    },

    "progress-track": {
      "bg": "0, 0%, 100%, 0.1"
    },

    "modal": {
      "overlay": "0, 0%, 0%, 0.5",
      "bg": "222, 96%, 16%, 1",
      "fg": "0, 0%, 100%, 11"
    },

    "loader": {
      "bg": "221, 83%, 53%, 0.1",
      "fg": "0, 0%, 80%, 1",
      "active-bg": "221, 83%, 53%, 0.2"
    },

    "toaster": {
      "bg": "222, 100%, 15%, 1",
      "text-title": "0, 0%, 100%, 1",
      "close-icon": "0, 0%, 100%, 0.8",
      "text-desc": "0, 0%, 100%, 0.88"
    },

    "slider": {
      "track-bg": "0, 0%, 100%, 0.1",
      "thumb-bg": "0, 0%, 100%, 1"
    },

    "resize": {
      "bg": "0, 0%, 0%, 0.1"
    }
  }
}