secubox-openwrt/package/secubox/luci-theme-secubox/README.zh.md
CyberMind-FR ccfb58124c docs: Add trilingual documentation (French and Chinese translations)
Add complete French (fr) and Chinese (zh) translations for all documentation:

- Root files: README, CHANGELOG, SECURITY, BETA-RELEASE
- docs/: All 16 core documentation files
- DOCS/: All 19 deep-dive documents including embedded/ and archive/
- package/secubox/: All 123+ package READMEs
- Misc: secubox-tools/, scripts/, EXAMPLES/, config-backups/, streamlit-apps/

Total: 346 translation files created

Each file includes language switcher links for easy navigation between
English, French, and Chinese versions.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-03-20 10:00:18 +01:00

1.9 KiB
Raw Blame History

English | Francais | 中文

luci-theme-secubox

SecuBox 的 CyberMood 设计系统,打包为 LuCI 主题。提供共享 CSS 变量、可重用组件、响应式布局、翻译和每个 SecuBox 模块使用的浏览器端主题控制器('require secubox-theme/theme as Theme')。与 SecuBox 模块一起安装,确保一致的样式、语言切换以及明/暗/赛博朋克变体。

./feeds/luci/luci-theme-secubox/
├── Makefile
└── htdocs/luci-static/resources/secubox-theme/
    ├── core/           # 变量、重置、排版、动画、工具类
    ├── components/     # 按钮、卡片、表单、表格、徽章、警告等
    ├── layouts/        # 仪表板/网格/响应式助手
    ├── themes/         # 暗色(默认)、亮色、赛博朋克变体
    ├── i18n/           # en/fr/de/es JSON 字典
    ├── secubox-theme.css
    ├── secubox-theme.min.css
    └── theme.js        # 主题控制器init/apply/t/Theme.create*

使用方法

'use strict';
'require secubox-theme/theme as Theme';

return view.extend({
    load: function() {
        return Theme.init();
    },
    render: function() {
        Theme.apply('dark');          // dark, light, cyberpunk
        Theme.setLanguage('en');      // en, fr, de, es

        return Theme.createPage({
            title: Theme.t('dashboard.title'),
            cards: [
                Theme.createCard({
                    title: Theme.t('dashboard.overview'),
                    icon: '🚀',
                    content: this.renderOverview()
                })
            ]
        });
    }
});

有关完整设计参考,请参阅 DOCS/GLOBAL_THEME_SYSTEM.md。此包仅包含共享资源;每个模块仍负责导入 secubox-theme.css(或 .min.css)并使用导出的辅助方法。