npm - @sxo/theme-fate - Versions diffs - 0.0.0 - Mend

@sxo/theme-fate 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,24 @@
+# @sxo/theme-fate
+SXO 设计系统的纠缠之缘 (Fate) 风格主题。
+## 安装
+```bash
+pnpm add @sxo/theme-fate @sxo/engine @sxo/design
+```
+## 用法
+```typescript
+import { createSxo } from 'vue-sxo';
+import fateTheme from '@sxo/theme-fate';
+app.use(createSxo({
+    tokens: fateTheme
+}));
+```
+## 主题特色
+- **梦幻配色**: 提取自《原神》纠缠之缘的粉紫色调。
+- **独特动效**: 预设了契合主题的过渡效果。

package/dist/index.cjs ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@sxo/design"),r={...e.defaultTokens,color:{...e.defaultTokens.color,primary:{DEFAULT:"#4A90E2",foreground:"#FFFFFF"},secondary:{DEFAULT:"#F06292",foreground:"#FFFFFF"},accent:{DEFAULT:"#9B59B6",neon:"#48C9B0",vivid:"#F39C12"},success:{DEFAULT:"#48C9B0"},warning:{DEFAULT:"#F39C12"},error:{DEFAULT:"#E74C3C"},info:{DEFAULT:"#4A90E2"},neutral:{0:"#FFFFFF",50:"#F5F7FA",100:"#E0E6ED",200:"#D1D9E6",300:"#B0BCCB",400:"#94A3B8",500:"#7F8C8D",600:"#64748B",700:"#475569",800:"#334155",900:"#2C3E50",950:"#1E293B",1e3:"#0F172A"},background:{primary:"#F5F7FA",secondary:"rgba(255, 255, 255, 0.8)",inverse:"#0B0E14"}},borderRadius:{none:"0px",xs:"4px",sm:"12px",md:"16px",lg:"24px",full:"9999px",xl:"12px"},boxShadow:{none:"none",sm:"0 2px 10px rgba(74, 144, 226, 0.1)",DEFAULT:"0 4px 20px rgba(74, 144, 226, 0.15)",md:"0 8px 30px rgba(74, 144, 226, 0.2)",lg:"0 12px 40px rgba(74, 144, 226, 0.25)",hard:"0 0 15px rgba(240, 98, 146, 0.3)","hard-accent":"0 0 20px rgba(240, 98, 146, 0.5)",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},transition:{DEFAULT:"all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",fast:"all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",slow:"all 0.8s cubic-bezier(0.4, 0, 0.2, 1)"},modes:{dark:{primary:{DEFAULT:"#1B3B5F",foreground:"#E0E6ED"},secondary:{DEFAULT:"#880E4F",foreground:"#E0E6ED"},accent:{DEFAULT:"#4A235A",neon:"#0E6251",vivid:"#935116"},neutral:{0:"#0B0E14",50:"#1B293B",100:"#2C3E50",200:"#334155",300:"#475569",400:"#64748B",500:"#7F8C8D",600:"#94A3B8",700:"#B0BCCB",800:"#D1D9E6",900:"#E0E6ED",950:"#F5F7FA",1e3:"#FFFFFF"},background:{primary:"#0B0E14",secondary:"rgba(11, 14, 20, 0.8)",inverse:"#F5F7FA"}}}};exports.default=r;exports.fateTheme=r;

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './tokens';
2	+ export { default } from './tokens';

package/dist/index.js ADDED Viewed

@@ -0,0 +1,123 @@
+import { defaultTokens as F } from "@sxo/design";
+const e = {
+  ...F,
+  color: {
+    ...F.color,
+    primary: {
+      DEFAULT: "#4A90E2",
+      // 蓝色
+      foreground: "#FFFFFF"
+    },
+    secondary: {
+      DEFAULT: "#F06292",
+      // 粉色
+      foreground: "#FFFFFF"
+    },
+    accent: {
+      DEFAULT: "#9B59B6",
+      // 紫色
+      neon: "#48C9B0",
+      // 绿色
+      vivid: "#F39C12"
+      // 橙色
+    },
+    success: {
+      DEFAULT: "#48C9B0"
+    },
+    warning: {
+      DEFAULT: "#F39C12"
+    },
+    error: {
+      DEFAULT: "#E74C3C"
+    },
+    info: {
+      DEFAULT: "#4A90E2"
+    },
+    neutral: {
+      0: "#FFFFFF",
+      50: "#F5F7FA",
+      100: "#E0E6ED",
+      200: "#D1D9E6",
+      300: "#B0BCCB",
+      400: "#94A3B8",
+      500: "#7F8C8D",
+      600: "#64748B",
+      700: "#475569",
+      800: "#334155",
+      900: "#2C3E50",
+      950: "#1E293B",
+      1e3: "#0F172A"
+    },
+    background: {
+      primary: "#F5F7FA",
+      secondary: "rgba(255, 255, 255, 0.8)",
+      // 模拟毛玻璃
+      inverse: "#0B0E14"
+    }
+  },
+  borderRadius: {
+    none: "0px",
+    xs: "4px",
+    sm: "12px",
+    md: "16px",
+    lg: "24px",
+    full: "9999px",
+    xl: "12px"
+  },
+  boxShadow: {
+    none: "none",
+    sm: "0 2px 10px rgba(74, 144, 226, 0.1)",
+    DEFAULT: "0 4px 20px rgba(74, 144, 226, 0.15)",
+    md: "0 8px 30px rgba(74, 144, 226, 0.2)",
+    lg: "0 12px 40px rgba(74, 144, 226, 0.25)",
+    hard: "0 0 15px rgba(240, 98, 146, 0.3)",
+    "hard-accent": "0 0 20px rgba(240, 98, 146, 0.5)",
+    xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
+  },
+  transition: {
+    DEFAULT: "all 0.4s cubic-bezier(0.4, 0, 0.2, 1)",
+    fast: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+    slow: "all 0.8s cubic-bezier(0.4, 0, 0.2, 1)"
+  },
+  modes: {
+    dark: {
+      primary: {
+        DEFAULT: "#1B3B5F",
+        foreground: "#E0E6ED"
+      },
+      secondary: {
+        DEFAULT: "#880E4F",
+        foreground: "#E0E6ED"
+      },
+      accent: {
+        DEFAULT: "#4A235A",
+        neon: "#0E6251",
+        vivid: "#935116"
+      },
+      neutral: {
+        0: "#0B0E14",
+        50: "#1B293B",
+        100: "#2C3E50",
+        200: "#334155",
+        300: "#475569",
+        400: "#64748B",
+        500: "#7F8C8D",
+        600: "#94A3B8",
+        700: "#B0BCCB",
+        800: "#D1D9E6",
+        900: "#E0E6ED",
+        950: "#F5F7FA",
+        1e3: "#FFFFFF"
+      },
+      background: {
+        primary: "#0B0E14",
+        secondary: "rgba(11, 14, 20, 0.8)",
+        inverse: "#F5F7FA"
+      }
+    }
+  }
+};
+export {
+  e as default,
+  e as fateTheme
+};

package/dist/tokens.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { DesignTokens } from '../../design/src';
+/**
+ * 纠缠之缘 (Intertwined Fate) - 官方主题
+ * 支持双模式切换，模拟原神纠缠之缘配色
+ */
+export declare const fateTheme: DesignTokens;
+export default fateTheme;

package/package.json ADDED Viewed

@@ -0,0 +1,53 @@
+{
+  "name": "@sxo/theme-fate",
+  "version": "0.0.0",
+  "description": "Fate theme for SXO Design System.",
+  "keywords": [
+    "sxo",
+    "design-system",
+    "ui",
+    "components",
+    "theme",
+    "fate"
+  ],
+  "license": "MIT",
+  "author": "sxo team",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@sxo/design": "0.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/doki-land/sxo-engine.git",
+    "directory": "packages/theme-fate"
+  },
+  "bugs": {
+    "url": "https://github.com/doki-land/sxo-engine/issues"
+  },
+  "homepage": "https://github.com/doki-land/sxo-engine/tree/main/packages/theme-fate#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch"
+  }
+}