Skip to content

Chroma给 MediaWiki 上色

色彩驱动、阅读优先的 MediaWiki 皮肤。Material 3 风格的 token 体系,应用式与阅读式两种布局,MobileFrontend 全接管手机端。

Chroma 设计 token:色彩、字阶、形状与 token

Chroma · MediaWiki skin

不是换皮,是色彩与阅读系统

Chroma 把 Material Design 3 的 token 体系带进 MediaWiki: 从 seed 生成语义色,用同一套变量驱动正文、顶栏、目录、表单与扩展界面。

色彩系统

默认 seed #006A6A,内置 teal / blue / green / violet / rose / amber / indigo / lime 八套预设。颜色、字阶、形状、海拔与动效统一走 --md-sys-* token。

阅读优先

正文安静、工具后退。阅读布局隐藏抽屉与目录,阅读模式进一步收掉页面操作,只留下内容。

双布局

应用式默认布局与阅读式布局共用同一套模板。偏好设置或顶栏“显示选项”里随时切换。

浅色 / 深色

跟随系统、浅色、深色三种方案。深色不是反色,而是同一套语义色角色在暗表面的重新映射。

移动端接管

配合 MobileFrontend,设置 $wgDefaultMobileSkin = "chroma",手机 UA 直接使用 Chroma,不再依赖 MinervaNeue。

为 MediaWiki 而生

不重造页面模型。页面、讨论、历史、编辑器与扩展仍由 MediaWiki 驱动,皮肤只负责呈现与阅读节奏。

Quick start

三分钟装好

  1. 01
    下载对应版本的 ZIP

    从 Releases 选择 1.43 / 1.45 / 1.46 分支的安装包。

  2. 02
    解压到 skins/Chroma

    确保 skin.json 位于 skins/Chroma/skin.json。

  3. 03
    在 LocalSettings.php 启用

    加入两行配置,保存后刷新页面。

LocalSettings.php
wfLoadSkin( 'Chroma' );
$wgDefaultSkin = 'chroma';

// 可选:MobileFrontend 全接管
$wgDefaultMobileSkin = 'chroma';
完整安装说明 →

Versions

三条维护线

Start here

先读指南,再安装

从安装、配置到 token 定制,所有文档都在这个站点里。

GPL-3.0-or-later · 独立社区项目,与 Google 无关联