@sxo/theme-pornhub 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,36 +1,44 @@
-# @sxo/theme-pornhub
+<div align="center">
+  <h1>@sxo/theme-pornhub</h1>
+  <p><b>Pornhub style theme for the SXO design system. A high-contrast, dark-mode-first aesthetic.</b></p>
 
-SXO 设计系统的 Pornhub 风格主题。
+  <p>
+    <a href="https://www.npmjs.com/package/@sxo/theme-pornhub"><img src="https://img.shields.io/npm/v/@sxo/theme-pornhub.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-pornhub.svg?style=flat-square" alt="downloads">
+  </p>
+</div>
 
-## 安装
+---
+
+`@sxo/theme-pornhub` provides a striking, high-contrast dark theme based on the iconic color palette of Pornhub.
+
+## ✨ Features
+
+- 🌑 **Dark Mode First**: Optimized for low-light environments and high-contrast accessibility.
+- 🟠 **Classic Palette**: Deep black backgrounds with the signature "Warning Orange" (#FF9900).
+- 👁️ **High Readability**: Bold typography and clear state indicators.
+- 🧩 **Universal**: Compatible with all SXO adaptors and the core engine.
+
+## 🚀 Quick Start
+
+### Installation
 
 ```bash
-pnpm add @sxo/theme-pornhub @sxo/engine @sxo/design
+pnpm add @sxo/theme-pornhub
 ```
 
-## 用法
-
-配合 `vue-sxo` 或 `@sxo/engine` 使用：
+### Usage (Vue 3 Example)
 
 ```typescript
-import { createSxo } from 'vue-sxo';
+import { createSxo } from '@sxo/vue';
 import pornhubTheme from '@sxo/theme-pornhub';
 
-// 在 Vue 插件中使用
 app.use(createSxo({
     tokens: pornhubTheme
 }));
 ```
 
-或者直接在引擎中使用：
-
-```typescript
-import { StyleEngine } from '@sxo/engine';
-import pornhubTheme from '@sxo/theme-pornhub';
-
-const engine = new StyleEngine(pornhubTheme);
-```
+## 📄 License
 
-## 主题特色
-- **经典配色**: 黑色背景搭配醒目的橙色 (#FF9900)。
-- **高对比度**: 优化的文本可读性。
+MIT License.

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@sxo/design"),o={...e.defaultTokens,color:{...e.defaultTokens.color,primary:{DEFAULT:"#FF9900",foreground:"#000000"},secondary:{DEFAULT:"#1B1B1B",foreground:"#FFFFFF"},accent:{DEFAULT:"#FF9900",neon:"#FF9900",vivid:"#FFA31A"},neutral:{0:"#FFFFFF",50:"#F4F4F4",100:"#E0E0E0",200:"#B2B2B2",300:"#757575",400:"#424242",500:"#282828",600:"#1B1B1B",700:"#1A1A1A",800:"#111111",900:"#0A0A0A",950:"#050505",1e3:"#000000"},background:{primary:"#000000",secondary:"#1B1B1B",inverse:"#FFFFFF"},text:{primary:"#FFFFFF",secondary:"#E0E0E0",muted:"#757575",inverse:"#000000"}},modes:{dark:{background:{primary:"#000000",secondary:"#0a0a0a",inverse:"#ffffff"},neutral:{0:"#ffffff",900:"#1a1a1a",1e3:"#000000"}}},borderRadius:{none:"0px",xs:"2px",sm:"4px",md:"8px",lg:"12px",full:"9999px",xl:"12px"},boxShadow:{...e.defaultTokens.boxShadow,none:"none",sm:"none",DEFAULT:"none",md:"none",lg:"none",hard:"0 0 0 1px #1A1A1A","hard-accent":"0 0 0 1px #FF9900",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},typography:{...e.defaultTokens.typography,fontFamily:{sans:"Arial, Helvetica, sans-serif",serif:"Georgia, serif",mono:"monospace"}}};exports.default=o;exports.pornhubTheme=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@sxo/design"),o={...e.defaultTokens,color:{...e.defaultTokens.color,primary:{DEFAULT:"#FF9900",foreground:"#000000"},secondary:{DEFAULT:"#1B1B1B",foreground:"#FFFFFF"},accent:{DEFAULT:"#FF9900",neon:"#FF9900",vivid:"#FFA31A"},neutral:{0:"#FFFFFF",50:"#F4F4F4",100:"#E0E0E0",200:"#B2B2B2",300:"#757575",400:"#424242",500:"#282828",600:"#1B1B1B",700:"#1A1A1A",800:"#111111",900:"#0A0A0A",950:"#050505",1e3:"#000000"},background:{primary:"#000000",secondary:"#1B1B1B",inverse:"#FFFFFF"},text:{primary:"#FFFFFF",secondary:"#E0E0E0",muted:"#757575",inverse:"#000000"}},modes:{dark:{background:{primary:"#000000",secondary:"#0a0a0a",inverse:"#ffffff"},neutral:{0:"#ffffff",900:"#1a1a1a",1e3:"#000000"}}},borderRadius:{DEFAULT:"4px",none:"0px",xs:"2px",sm:"4px",md:"8px",lg:"12px",full:"9999px",xl:"12px"},boxShadow:{...e.defaultTokens.boxShadow,none:"none",sm:"none",DEFAULT:"none",md:"none",lg:"none",hard:"0 0 0 1px #1A1A1A","hard-accent":"0 0 0 1px #FF9900",xl:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"},typography:{...e.defaultTokens.typography,fontFamily:{sans:"Arial, Helvetica, sans-serif",serif:"Georgia, serif",mono:"monospace"}}};exports.default=o;exports.pornhubTheme=o;

package/dist/index.d.ts

@@ -1,2 +1,6 @@
-export * from './tokens.ts';
-export { default } from './tokens.ts';
+export * from './theme-pornhub/src/index'
+export {}
+import ThemePornhub from './theme-pornhub/src/index'
+export default ThemePornhub
+export * from './theme-pornhub/src/index'
+export {}

package/dist/index.js

@@ -1,16 +1,14 @@
 import { defaultTokens as e } from "@sxo/design";
-const o = {
+const F = {
   ...e,
   color: {
     ...e.color,
     primary: {
       DEFAULT: "#FF9900",
-      // PornHub Brand Orange
       foreground: "#000000"
     },
     secondary: {
       DEFAULT: "#1B1B1B",
-      // PornHub Container Background
       foreground: "#FFFFFF"
     },
     accent: {
@@ -35,9 +33,7 @@ const o = {
     },
     background: {
       primary: "#000000",
-      // Main Background
       secondary: "#1B1B1B",
-      // Container Background
       inverse: "#FFFFFF"
     },
     text: {
@@ -47,25 +43,23 @@ const o = {
       inverse: "#000000"
     }
   },
-  modes: {
-    dark: {
-      background: {
-        primary: "#000000",
-        secondary: "#0a0a0a",
-        inverse: "#ffffff"
-      },
-      neutral: {
-        0: "#ffffff",
-        900: "#1a1a1a",
-        1e3: "#000000"
-      }
+  modes: { dark: {
+    background: {
+      primary: "#000000",
+      secondary: "#0a0a0a",
+      inverse: "#ffffff"
+    },
+    neutral: {
+      0: "#ffffff",
+      900: "#1a1a1a",
+      1e3: "#000000"
     }
-  },
+  } },
   borderRadius: {
+    DEFAULT: "4px",
     none: "0px",
     xs: "2px",
     sm: "4px",
-    // Standard Hub Radius
     md: "8px",
     lg: "12px",
     full: "9999px",
@@ -86,13 +80,12 @@ const o = {
     ...e.typography,
     fontFamily: {
       sans: "Arial, Helvetica, sans-serif",
-      // Clean, professional sans-serif
       serif: "Georgia, serif",
       mono: "monospace"
     }
   }
 };
 export {
-  o as default,
-  o as pornhubTheme
+  F as default,
+  F as pornhubTheme
 };

package/dist/theme-pornhub/src/index.d.ts

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sxo/theme-pornhub",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "Pornhub 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",

package/dist/tokens.js

@@ -1,66 +0,0 @@
-import { defaultTokens } from '@sxo/design';
-export const pornhubTheme = {
-    ...defaultTokens,
-    color: {
-        ...defaultTokens.color,
-        primary: {
-            DEFAULT: '#FF9900', // PornHub Brand Orange
-            foreground: '#000000',
-        },
-        secondary: {
-            DEFAULT: '#1B1B1B', // PornHub Container Background
-            foreground: '#FFFFFF',
-        },
-        accent: {
-            DEFAULT: '#FF9900',
-            neon: '#FF9900',
-            vivid: '#FFA31A',
-        },
-        neutral: {
-            0: '#FFFFFF',
-            50: '#F4F4F4',
-            100: '#E0E0E0',
-            200: '#B2B2B2',
-            300: '#757575',
-            400: '#424242',
-            500: '#282828',
-            600: '#1B1B1B',
-            700: '#1A1A1A',
-            800: '#111111',
-            900: '#0A0A0A',
-            950: '#050505',
-            1000: '#000000',
-        },
-        background: {
-            primary: '#000000', // Main Background
-            secondary: '#1B1B1B', // Container Background
-            inverse: '#FFFFFF',
-        },
-    },
-    borderRadius: {
-        none: '0px',
-        xs: '2px',
-        sm: '4px', // Standard Hub Radius
-        md: '8px',
-        lg: '12px',
-        full: '9999px',
-    },
-    boxShadow: {
-        ...defaultTokens.boxShadow,
-        sm: 'none',
-        DEFAULT: 'none',
-        md: 'none',
-        lg: 'none',
-        hard: '0 0 0 1px #1A1A1A',
-        'hard-accent': '0 0 0 1px #FF9900',
-    },
-    typography: {
-        ...defaultTokens.typography,
-        fontFamily: {
-            sans: 'Arial, Helvetica, sans-serif', // Clean, professional sans-serif
-            serif: 'Georgia, serif',
-            mono: 'monospace',
-        },
-    },
-};
-export default pornhubTheme;