@sxo/theme-github 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
  1. package/README.md +24 -0
  2. package/dist/index.cjs +1 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +123 -0
  5. package/dist/tokens.d.ts +3 -0
  6. package/package.json +53 -0
package/README.md ADDED
@@ -0,0 +1,24 @@
1
+ # @sxo/theme-github
2
+
3
+ SXO 设计系统的 GitHub 风格主题。
4
+
5
+ ## 安装
6
+
7
+ ```bash
8
+ pnpm add @sxo/theme-github @sxo/engine @sxo/design
9
+ ```
10
+
11
+ ## 用法
12
+
13
+ ```typescript
14
+ import { createSxo } from 'vue-sxo';
15
+ import githubTheme from '@sxo/theme-github';
16
+
17
+ app.use(createSxo({
18
+ tokens: githubTheme
19
+ }));
20
+ ```
21
+
22
+ ## 主题特色
23
+ - **简洁**: 还原 GitHub 网页端的视觉感受。
24
+ - **灰度控制**: 精确的边框和背景中性色。
package/dist/index.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("@sxo/design"),e={...f.defaultTokens,color:{...f.defaultTokens.color,primary:{DEFAULT:"#0969da",foreground:"#ffffff"},secondary:{DEFAULT:"#f6f8fa",foreground:"#24292f"},accent:{DEFAULT:"#0969da",neon:"#3fb950",vivid:"#cf222e"},success:{DEFAULT:"#1a7f37"},warning:{DEFAULT:"#9a6700"},error:{DEFAULT:"#d1242f"},info:{DEFAULT:"#0969da"},neutral:{0:"#ffffff",50:"#f6f8fa",100:"#eaeef2",200:"#d0d7de",300:"#afb8c1",400:"#8c959f",500:"#6e7781",600:"#57606a",700:"#424a53",800:"#32383f",900:"#24292f",950:"#1b1f24",1e3:"#010409"},background:{primary:"#ffffff",secondary:"#f6f8fa",inverse:"#24292f"},text:{primary:"#24292f",secondary:"#57606a",muted:"#8c959f",inverse:"#ffffff"}},modes:{dark:{primary:{DEFAULT:"#58a6ff",foreground:"#ffffff"},background:{primary:"#0d1117",secondary:"#161b22",inverse:"#ffffff"},neutral:{0:"#0d1117",50:"#161b22",100:"#21262d",200:"#30363d",300:"#484f58",400:"#6e7681",500:"#8b949e",600:"#b1bac4",700:"#c9d1d9",800:"#d0d7de",900:"#f0f6fb",950:"#ffffff",1e3:"#ffffff"}}},borderRadius:{none:"0px",xs:"2px",sm:"6px",md:"8px",lg:"12px",full:"9999px",xl:"12px"},boxShadow:{none:"none",sm:"0 1px 0 rgba(27,31,36,0.04)",DEFAULT:"0 3px 6px rgba(140,149,159,0.15)",md:"0 8px 24px rgba(140,149,159,0.2)",lg:"0 12px 28px rgba(140,149,159,0.3)",hard:"0 0 0 1px rgba(27,31,36,0.15)","hard-accent":"0 0 0 1px #0969da",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},typography:{...f.defaultTokens.typography,fontFamily:{sans:'-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',serif:'Georgia, "Times New Roman", serif',mono:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'}}};exports.default=e;exports.githubTheme=e;
package/dist/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './tokens.ts';
2
+ export { default } from './tokens.ts';
package/dist/index.js ADDED
@@ -0,0 +1,123 @@
1
+ import { defaultTokens as f } from "@sxo/design";
2
+ const a = {
3
+ ...f,
4
+ color: {
5
+ ...f.color,
6
+ primary: {
7
+ DEFAULT: "#0969da",
8
+ // GitHub Blue
9
+ foreground: "#ffffff"
10
+ },
11
+ secondary: {
12
+ DEFAULT: "#f6f8fa",
13
+ // GitHub Secondary Background (Light Gray)
14
+ foreground: "#24292f"
15
+ // Dark Text
16
+ },
17
+ accent: {
18
+ DEFAULT: "#0969da",
19
+ neon: "#3fb950",
20
+ // GitHub Success Green
21
+ vivid: "#cf222e"
22
+ // GitHub Error Red
23
+ },
24
+ success: {
25
+ DEFAULT: "#1a7f37"
26
+ },
27
+ warning: {
28
+ DEFAULT: "#9a6700"
29
+ },
30
+ error: {
31
+ DEFAULT: "#d1242f"
32
+ },
33
+ info: {
34
+ DEFAULT: "#0969da"
35
+ },
36
+ neutral: {
37
+ 0: "#ffffff",
38
+ 50: "#f6f8fa",
39
+ 100: "#eaeef2",
40
+ 200: "#d0d7de",
41
+ 300: "#afb8c1",
42
+ 400: "#8c959f",
43
+ 500: "#6e7781",
44
+ 600: "#57606a",
45
+ 700: "#424a53",
46
+ 800: "#32383f",
47
+ 900: "#24292f",
48
+ 950: "#1b1f24",
49
+ 1e3: "#010409"
50
+ },
51
+ background: {
52
+ primary: "#ffffff",
53
+ secondary: "#f6f8fa",
54
+ inverse: "#24292f"
55
+ },
56
+ text: {
57
+ primary: "#24292f",
58
+ secondary: "#57606a",
59
+ muted: "#8c959f",
60
+ inverse: "#ffffff"
61
+ }
62
+ },
63
+ modes: {
64
+ dark: {
65
+ primary: {
66
+ DEFAULT: "#58a6ff",
67
+ foreground: "#ffffff"
68
+ },
69
+ background: {
70
+ primary: "#0d1117",
71
+ secondary: "#161b22",
72
+ inverse: "#ffffff"
73
+ },
74
+ neutral: {
75
+ 0: "#0d1117",
76
+ 50: "#161b22",
77
+ 100: "#21262d",
78
+ 200: "#30363d",
79
+ 300: "#484f58",
80
+ 400: "#6e7681",
81
+ 500: "#8b949e",
82
+ 600: "#b1bac4",
83
+ 700: "#c9d1d9",
84
+ 800: "#d0d7de",
85
+ 900: "#f0f6fb",
86
+ 950: "#ffffff",
87
+ 1e3: "#ffffff"
88
+ }
89
+ }
90
+ },
91
+ borderRadius: {
92
+ none: "0px",
93
+ xs: "2px",
94
+ sm: "6px",
95
+ // GitHub standard
96
+ md: "8px",
97
+ lg: "12px",
98
+ full: "9999px",
99
+ xl: "12px"
100
+ },
101
+ boxShadow: {
102
+ none: "none",
103
+ sm: "0 1px 0 rgba(27,31,36,0.04)",
104
+ DEFAULT: "0 3px 6px rgba(140,149,159,0.15)",
105
+ md: "0 8px 24px rgba(140,149,159,0.2)",
106
+ lg: "0 12px 28px rgba(140,149,159,0.3)",
107
+ hard: "0 0 0 1px rgba(27,31,36,0.15)",
108
+ "hard-accent": "0 0 0 1px #0969da",
109
+ xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
110
+ },
111
+ typography: {
112
+ ...f.typography,
113
+ fontFamily: {
114
+ sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
115
+ serif: 'Georgia, "Times New Roman", serif',
116
+ mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
117
+ }
118
+ }
119
+ };
120
+ export {
121
+ a as default,
122
+ a as githubTheme
123
+ };
package/dist/tokens.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { DesignTokens } from '../../design/src';
2
+ export declare const githubTheme: DesignTokens;
3
+ export default githubTheme;
package/package.json ADDED
@@ -0,0 +1,53 @@
1
+ {
2
+ "name": "@sxo/theme-github",
3
+ "version": "0.0.0",
4
+ "description": "Github theme for SXO Design System.",
5
+ "keywords": [
6
+ "sxo",
7
+ "design-system",
8
+ "ui",
9
+ "components",
10
+ "theme",
11
+ "github"
12
+ ],
13
+ "license": "MIT",
14
+ "author": "sxo team",
15
+ "type": "module",
16
+ "main": "./dist/index.cjs",
17
+ "module": "./dist/index.js",
18
+ "types": "./dist/index.d.ts",
19
+ "exports": {
20
+ ".": {
21
+ "types": "./dist/index.d.ts",
22
+ "import": "./dist/index.js",
23
+ "require": "./dist/index.cjs"
24
+ }
25
+ },
26
+ "files": [
27
+ "dist"
28
+ ],
29
+ "dependencies": {
30
+ "@sxo/design": "0.0.0"
31
+ },
32
+ "repository": {
33
+ "type": "git",
34
+ "url": "git+https://github.com/doki-land/sxo-engine.git",
35
+ "directory": "packages/theme-github"
36
+ },
37
+ "bugs": {
38
+ "url": "https://github.com/doki-land/sxo-engine/issues"
39
+ },
40
+ "homepage": "https://github.com/doki-land/sxo-engine/tree/main/packages/theme-github#readme",
41
+ "publishConfig": {
42
+ "access": "public"
43
+ },
44
+ "devDependencies": {
45
+ "vite": "^5.0.0",
46
+ "vite-plugin-dts": "^4.0.0",
47
+ "typescript": "^5.0.0"
48
+ },
49
+ "scripts": {
50
+ "build": "vite build",
51
+ "dev": "vite build --watch"
52
+ }
53
+ }