@sxo/theme-github 0.0.0 → 0.0.1

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sxo team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,17 +1,37 @@
-# @sxo/theme-github
+<div align="center">
+  <h1>@sxo/theme-github</h1>
+  <p><b>GitHub style theme for the SXO design system. A clean, collaborative, and familiar aesthetic.</b></p>
 
-SXO 设计系统的 GitHub 风格主题。
+  <p>
+    <a href="https://www.npmjs.com/package/@sxo/theme-github"><img src="https://img.shields.io/npm/v/@sxo/theme-github.svg?style=flat-square" alt="npm version"></a>
+    <img src="https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square" alt="license">
+    <img src="https://img.shields.io/npm/dm/@sxo/theme-github.svg?style=flat-square" alt="downloads">
+  </p>
+</div>
 
-## 安装
+---
+
+`@sxo/theme-github` brings the familiar look and feel of the GitHub interface to your SXO application, focusing on clarity, simplicity, and great typography.
+
+## ✨ Features
+
+- 🐙 **familiar UI**: Replicates the clean visual language of GitHub.
+- 🌫️ **Precise Grayscale**: Carefully picked neutral tones for borders and secondary backgrounds.
+- 📈 **Productivity Focused**: Minimalist design that puts content first.
+- 🧩 **Universal**: Seamlessly works with all SXO framework adaptors.
+
+## 🚀 Quick Start
+
+### Installation
 
 ```bash
-pnpm add @sxo/theme-github @sxo/engine @sxo/design
+pnpm add @sxo/theme-github
 ```
 
-## 用法
+### Usage (Vue 3 Example)
 
 ```typescript
-import { createSxo } from 'vue-sxo';
+import { createSxo } from '@sxo/vue';
 import githubTheme from '@sxo/theme-github';
 
 app.use(createSxo({
@@ -19,6 +39,6 @@ app.use(createSxo({
 }));
 ```
 
-## 主题特色
-- **简洁**: 还原 GitHub 网页端的视觉感受。
-- **灰度控制**: 精确的边框和背景中性色。
+## 📄 License
+
+MIT License.

package/dist/index.cjs

@@ -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;
+"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:{DEFAULT:"6px",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.js

@@ -5,34 +5,21 @@ const a = {
     ...f.color,
     primary: {
       DEFAULT: "#0969da",
-      // GitHub Blue
       foreground: "#ffffff"
     },
     secondary: {
       DEFAULT: "#f6f8fa",
-      // GitHub Secondary Background (Light Gray)
       foreground: "#24292f"
-      // Dark Text
     },
     accent: {
       DEFAULT: "#0969da",
       neon: "#3fb950",
-      // GitHub Success Green
       vivid: "#cf222e"
-      // GitHub Error Red
-    },
-    success: {
-      DEFAULT: "#1a7f37"
-    },
-    warning: {
-      DEFAULT: "#9a6700"
-    },
-    error: {
-      DEFAULT: "#d1242f"
-    },
-    info: {
-      DEFAULT: "#0969da"
     },
+    success: { DEFAULT: "#1a7f37" },
+    warning: { DEFAULT: "#9a6700" },
+    error: { DEFAULT: "#d1242f" },
+    info: { DEFAULT: "#0969da" },
     neutral: {
       0: "#ffffff",
       50: "#f6f8fa",
@@ -60,39 +47,37 @@ const a = {
       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"
-      }
+  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: {
+    DEFAULT: "6px",
     none: "0px",
     xs: "2px",
     sm: "6px",
-    // GitHub standard
     md: "8px",
     lg: "12px",
     full: "9999px",

package/dist/{tokens.d.ts → theme-github/src/tokens.d.ts}

@@ -1,3 +1,3 @@
-import { DesignTokens } from '../../design/src';
+import { DesignTokens } from '../../sxo-design/src';
 export declare const githubTheme: DesignTokens;
 export default githubTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sxo/theme-github",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Github theme for SXO Design System.",
   "keywords": [
     "sxo",
@@ -27,7 +27,7 @@
     "dist"
   ],
   "dependencies": {
-    "@sxo/design": "0.0.0"
+    "@sxo/design": "0.0.1"
   },
   "repository": {
     "type": "git",
@@ -42,9 +42,9 @@
     "access": "public"
   },
   "devDependencies": {
-    "vite": "^5.0.0",
-    "vite-plugin-dts": "^4.0.0",
-    "typescript": "^5.0.0"
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "vite build",