Added Pitch Black theme

themes/pitch-black/theme.json

@@ -0,0 +1,144 @@
+{
+  "id": "pitch-black",
+  "displayName": "Pitch Black",
+  "reduceTransparent": true,
+  "nativeTheme": "dark",
+  "variables": {
+    "app": {
+      "bg": "0, 0%, 0%, 1",
+      "transparent": "0, 0%, 0%, 1",
+      "border": "0, 0%, 0%, 1",
+      "link": "221, 83%, 53%, 1",
+      "code-block": "0, 0%, 17%, 1"
+    },
+
+    "primary": {
+      "bg": {
+        "__default": "0, 0%, 0%, 1",
+        "soft": "0, 0%, 0%, 1"
+      },
+      "fg": "0, 0%, 100%, 1"
+    },
+
+    "secondary": {
+      "bg": "0, 0%, 0%, 1",
+      "fg": "0, 0%, 80%, 1"
+    },
+
+    "tertiary": {
+      "bg": "0, 0%, 0%, 1"
+    },
+
+    "disabled": {
+      "bg": "0, 0%, 0%, 1",
+      "fg": "0, 0%, 100%, 0.2"
+    },
+
+    "top-panel": {
+      "bg": "0, 0%, 0%, 1"
+    },
+
+    "bottom-panel": {
+      "bg": "0, 0%, 0%, 1"
+    },
+
+    "ribbon-panel": {
+      "bg": "0, 0%, 0%, 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": "0, 0%, 0%, 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": "0, 0%, 0%, 1"
+    },
+
+    "right-panel": {
+      "bg": "0, 0%, 0%, 1"
+    },
+
+    "tooltip": {
+      "bg": "0, 0%, 100%, 1",
+      "fg": "0, 0%, 0%, 1"
+    },
+
+    "switch": {
+      "bg": "0, 0%, 10%, 1",
+      "fg": "0, 0%, 60%, 1"
+    },
+
+    "dropdown-menu": {
+      "hover-bg": "0, 0%, 0%, 1"
+    },
+
+    "scrollbar": {
+      "tracker": "0, 0%, 10%, 0.2",
+      "thumb": "0, 0%, 10%, 1"
+    },
+
+    "input": {
+      "bg": "0, 0%, 0%, 1",
+      "placeholder": "0, 0%, 70%, 0.5",
+      "icon": "0, 0%, 68%, 1",
+      "border": "0, 0%, 100%, 0.1"
+    },
+
+    "textarea": {
+      "bg": "0, 0%, 0%, 1",
+      "placeholder": "0, 0%, 70%, 0.5",
+      "icon": "0, 0%, 68%, 1",
+      "border": "0, 0%, 100%, 0.1"
+    },
+
+    "select": {
+      "input-bg": "0, 0%, 10%, 1",
+      "bg": "0, 0%, 10%, 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.7",
+      "bg": "0, 0%, 13%, 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": "240, 6%, 10%, 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"
+    }
+  }
+}