@clickhouse/click-ui 0.0.0

package/src/styles/variables.dark.json

@@ -0,0 +1,576 @@
+{
+  "click": {
+    "accordion": {
+      "color": {
+        "label": {
+          "default": "#ffffff",
+          "hover": "lch(100 0 0)",
+          "active": "#ffffff"
+        },
+        "icon": {
+          "default": "#ffffff",
+          "hover": "lch(100 0 0)",
+          "active": "#ffffff"
+        }
+      }
+    },
+    "button": {
+      "basic": {
+        "color": {
+          "primary": {
+            "background": {
+              "default": "#fcff74",
+              "hover": "lch(98.5 46.2 102)",
+              "active": "lch(90.5 61.1 102)"
+            },
+            "text": {
+              "default": "#1F1F1C"
+            },
+            "stroke": {
+              "default": "#fcff74",
+              "hover": "#fcff74",
+              "active": "lch(82.8 55.9 102)"
+            }
+          },
+          "secondary": {
+            "background": {
+              "default": "#1F1F1C",
+              "hover": "#282828",
+              "active": "lch(20.3 0 0)"
+            },
+            "stroke": {
+              "default": "#414141",
+              "hover": "#808691",
+              "active": "lch(23.3 2.63 306)"
+            },
+            "text": {
+              "default": "#ffffff"
+            }
+          },
+          "disabled": {
+            "background": {
+              "default": "#414141"
+            },
+            "text": {
+              "default": "#808080"
+            }
+          },
+          "danger": {
+            "background": {
+              "default": "#610000",
+              "hover": "#910000",
+              "active": "#910000"
+            },
+            "text": {
+              "default": "#ff7575"
+            }
+          }
+        }
+      },
+      "split": {
+        "primary": {
+          "stroke": {
+            "default": "lch(97.9 62.7 102)",
+            "active": "lch(83.1 56.1 102)",
+            "hover": "lch(84.6 35 102)"
+          },
+          "background": {
+            "main": {
+              "default": "lch(89.5 60.4 102)",
+              "hover": "lch(90.1 42.3 102)",
+              "active": "lch(82.8 55.9 102)"
+            },
+            "action": {
+              "default": "lch(89.5 60.4 102)",
+              "hover": "lch(82.9 38.9 102)",
+              "active": "lch(72.9 49.2 102)"
+            }
+          },
+          "text": {
+            "default": "#1F1F1C"
+          }
+        }
+      },
+      "group": {
+        "color": {
+          "background": {
+            "default": "#282828",
+            "hover": "lch(19.3 0 0)",
+            "active": "lch(23.4 0 0)",
+            "panel": "#282828"
+          },
+          "text": {
+            "default": "#ffffff",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "panel": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "checkbox": {
+      "color": {
+        "background": {
+          "default": "#282828",
+          "active": "#fcff74",
+          "disabled-checked": "#414141"
+        },
+        "stroke": {
+          "default": "#414141",
+          "active": "#fcff74",
+          "disabled": "#606060"
+        },
+        "check": {
+          "default": "#ffffff",
+          "active": "#151515",
+          "disabled": "#c0c0c0"
+        },
+        "label": {
+          "default": "#ffffff",
+          "off": "#696e79",
+          "disabled": "#a0a0a0"
+        }
+      }
+    },
+    "codeblock": {
+      "darkMode": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "text": {
+            "default": "#ffffff"
+          },
+          "numbers": {
+            "default": "#c0c0c0"
+          },
+          "button": {
+            "background": {
+              "default": "#282828",
+              "hover": "#53575f"
+            },
+            "foreground": {
+              "default": "#ffffff"
+            }
+          },
+          "stroke": {
+            "default": "#282828"
+          }
+        }
+      },
+      "lightMode": {
+        "color": {
+          "background": {
+            "default": "#f6f7fa"
+          },
+          "text": {
+            "default": "#282828"
+          },
+          "numbers": {
+            "default": "#808080"
+          },
+          "button": {
+            "background": {
+              "default": "#f6f7fa",
+              "hover": "#53575f"
+            },
+            "foreground": {
+              "default": "#a0a0a0"
+            }
+          },
+          "stroke": {
+            "default": "#282828"
+          }
+        }
+      }
+    },
+    "codeInline": {
+      "color": {
+        "background": {
+          "default": "#282828"
+        },
+        "text": {
+          "default": "#ffffff"
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "contextMenu": {
+      "color": {
+        "text": {
+          "default": "#ffffff",
+          "disabled": "#c0c0c0",
+          "muted": "#b3b6bd"
+        },
+        "background": {
+          "default": "lch(17.8 0 0)",
+          "hover": "lch(23.5 0 0)",
+          "active": "lch(23.5 0 0)"
+        }
+      },
+      "stroke": {
+        "default": "lch(27.5 0 0 / 0.3)"
+      }
+    },
+    "field": {
+      "color": {
+        "background": {
+          "default": "#282828",
+          "active": "#1F1F1C",
+          "disabled": "#414141"
+        },
+        "text": {
+          "default": "#e6e7e9",
+          "active": "#ffffff",
+          "disabled": "#808080"
+        },
+        "stroke": {
+          "default": "lch(31.1 0 0 / 0.3)",
+          "active": "#fcff74",
+          "disabled": "#414141",
+          "hover": "lch(34.5 0 0 / 0.3)"
+        },
+        "label": {
+          "default": "#b3b6bd",
+          "active": "#ffffff",
+          "disabled": "#a0a0a0"
+        },
+        "format": {
+          "default": "lch(79.2 3.16 269)",
+          "hover": "lch(79.2 3.16 269)",
+          "active": "lch(79.2 3.16 269)",
+          "disabled": "#808080",
+          "error": "lch(79.2 3.16 269)"
+        }
+      }
+    },
+    "popover": {
+      "color": {
+        "background": {
+          "default": "lch(17.8 0 0)"
+        }
+      }
+    },
+    "sidebar": {
+      "navigation": {
+        "item": {
+          "color": {
+            "background": {
+              "active": "lch(27.5 0 0 / 0.6)",
+              "hover": "lch(19.1 0 0)",
+              "default": "rgba(0,0,0,0)"
+            },
+            "text": {
+              "default": "#ffffff",
+              "hover": "#ffffff",
+              "active": "#ffffff",
+              "muted": "#b3b6bd"
+            },
+            "icon": {
+              "default": "#b3b6bd"
+            }
+          }
+        },
+        "title": {
+          "color": {
+            "default": "#b3b6bd",
+            "hover": "#b3b6bd",
+            "active": "#b3b6bd"
+          }
+        },
+        "subItem": {
+          "color": {
+            "text": {
+              "default": "#b3b6bd",
+              "hover": "#ffffff",
+              "active": "#ffffff"
+            },
+            "background": {
+              "default": "rgba(0,0,0,0)",
+              "hover": "lch(19.1 0 0)",
+              "active": "rgba(0,0,0,0)"
+            }
+          }
+        }
+      },
+      "main": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C"
+          },
+          "text": {
+            "default": "#ffffff",
+            "muted": "#b3b6bd"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "sql-sidebar": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "switch": {
+      "color": {
+        "background": {
+          "default": "#606060",
+          "active": "#fcff74",
+          "disabled": "#808080"
+        },
+        "stroke": {
+          "default": "#606060",
+          "active": "#fcff74",
+          "disabled": "#808080"
+        },
+        "indicator": {
+          "default": "#151515",
+          "active": "#161517",
+          "disabled": "#606060"
+        }
+      }
+    },
+    "tabs": {
+      "basic": {
+        "color": {
+          "background": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "#282828",
+            "active": "rgba(0,0,0,0)"
+          },
+          "text": {
+            "default": "#b3b6bd",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "default": "rgba(0,0,0,0)",
+            "hover": "rgba(0,0,0,0)",
+            "active": "#fcff74"
+          },
+          "global": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      },
+      "file-tabs": {
+        "color": {
+          "background": {
+            "default": "#282828",
+            "hover": "#1F1F1C",
+            "active": "#1F1F1C"
+          },
+          "text": {
+            "default": "#b3b6bd",
+            "hover": "#ffffff",
+            "active": "#ffffff"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)",
+            "hover": "lch(27.5 0 0 / 0.3)",
+            "active": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    },
+    "tooltip": {
+      "color": {
+        "background": {
+          "default": "lch(100 0 0 / 0.15)"
+        },
+        "label": {
+          "default": "#ffffff"
+        }
+      }
+    },
+    "stepperVertical": {
+      "icon": {
+        "background": {
+          "default": "#414141",
+          "incomplete": "lch(45.7 0 0)",
+          "complete": "#414141"
+        },
+        "foreground": {
+          "default": "#ffffff",
+          "incomplete": "#ffffff",
+          "complete": "#ffffff"
+        },
+        "stroke": {
+          "default": "#ffffff",
+          "incomplete": "rgba(0,0,0,0)",
+          "complete": "rgba(0,0,0,0)"
+        }
+      },
+      "connector": {
+        "background": {
+          "default": "#414141",
+          "incomplete": "lch(45.7 0 0)",
+          "complete": "#414141"
+        }
+      }
+    },
+    "table": {
+      "header": {
+        "color": {
+          "background": {
+            "default": "#282828"
+          },
+          "title": {
+            "default": "#ffffff"
+          },
+          "icon": {
+            "default": "#ffffff"
+          },
+          "checkbox": {
+            "background": {
+              "default": "#cccfd3"
+            },
+            "border": {
+              "default": "#808691"
+            }
+          }
+        }
+      },
+      "row": {
+        "color": {
+          "background": {
+            "default": "#1F1F1C",
+            "hover": "#dae6fc",
+            "active": "#dae6fc"
+          },
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          },
+          "text": {
+            "default": "#ffffff"
+          },
+          "link": {
+            "default": "#fcff74"
+          },
+          "label": {
+            "default": "#b3b6bd"
+          }
+        }
+      },
+      "global": {
+        "color": {
+          "stroke": {
+            "default": "lch(27.5 0 0 / 0.3)"
+          },
+          "background": {
+            "default": "#1F1F1C"
+          }
+        }
+      }
+    },
+    "avatar": {
+      "color": {
+        "background": {
+          "default": "#53575f",
+          "hover": "#696e79",
+          "active": "#696e79"
+        },
+        "text": {
+          "default": "#1F1F1C",
+          "hover": "#1F1F1C",
+          "active": "#1F1F1C"
+        }
+      }
+    },
+    "separator": {
+      "color": {
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "global": {
+      "color": {
+        "background": {
+          "default": "#1F1F1C",
+          "muted": "#282828"
+        },
+        "text": {
+          "default": "#ffffff",
+          "muted": "#b3b6bd",
+          "link": {
+            "default": "#fcff74",
+            "hover": "#feffba"
+          }
+        },
+        "stroke": {
+          "default": "lch(27.5 0 0 / 0.3)",
+          "muted": "lch(27.5 0 0 / 0.3)",
+          "intense": "#414141"
+        },
+        "accent": {
+          "default": "#fcff74"
+        },
+        "outline": {
+          "default": "#fcff74"
+        }
+      }
+    },
+    "feedback": {
+      "color": {
+        "info": {
+          "background": "#092e73",
+          "foreground": "#91b3f6"
+        },
+        "success": {
+          "background": "#0e421d",
+          "foreground": "#81e59d"
+        },
+        "warning": {
+          "background": "#4f2b00",
+          "foreground": "#ff9416"
+        },
+        "danger": {
+          "background": "#610000",
+          "foreground": "#ff7575"
+        },
+        "neutral": {
+          "background": "#414141",
+          "foreground": "#c0c0c0",
+          "stroke": "lch(27.5 0 0 / 0.3)"
+        }
+      }
+    },
+    "grid": {
+      "color": {
+        "background": {
+          "header": {
+            "default": "lch(16.1 0 0 / 0.7)"
+          },
+          "row": {
+            "default": "#1F1F1C"
+          }
+        },
+        "text": {
+          "header": {
+            "default": "#b3b6bd"
+          },
+          "row": {
+            "default": "#ffffff"
+          }
+        },
+        "stroke": {
+          "cell": {
+            "stroke": "lch(27.5 0 0 / 0.3)"
+          }
+        }
+      }
+    }
+  }
+}