探索/组织/用户仓库样式 github 布局 (#8)

Co-authored-by: lutinglt <lutinglt@users.noreply.github.com>

src/core/types.ts

@@ -1,8 +1,8 @@
 type Primitive = string | boolean | number | null | undefined;
 type Tokens = { [key: string]: string | Tokens };
 
+export type CSSVarFunction = `var(--${string})`;
 export type WithOptionalLayer<T extends Tokens> = T & { "@layer"?: string };
-
 export type MapLeafNodes<Obj, LeafType> = {
   [Prop in keyof Obj]: Obj[Prop] extends Primitive
     ? LeafType

src/functions/index.ts

@@ -1 +1,2 @@
 export { scaleColorLight } from "./scss";
+export { fallbackVar } from "./var";

src/functions/var.ts

@@ -0,0 +1,7 @@
+import type { CSSVarFunction } from "src/core/types";
+
+type CSSFallbackVar = `var(--${string}, ${string})`;
+export function fallbackVar(cssvar: CSSVarFunction, fallback: string): CSSFallbackVar {
+  const var_name = cssvar.replace("var(--", "").replace(")", "");
+  return `var(--${var_name}, ${fallback})`;
+}

src/types/vars.ts

@@ -38,6 +38,15 @@ const otherVars = {
 const customVars = {
   custom: {
     cloneMenuWidth: "custom-clone-menu-width",
+    explore: {
+      repolistColumns: "custom-explore-repolist-columns",
+      userlistColumns: "custom-explore-userlist-columns",
+    },
+    userRepolistColumns: "custom-user-repolist-columns",
+    org: {
+      repolistColumns: "custom-org-repolist-columns",
+      userlistColumns: "custom-org-userlist-columns",
+    },
   },
 };