wikijs-citizen-styles

Citizen（一个 MediaWiki 皮肤） 风格的 Wiki.js 覆盖样式表。

反正挺白的，Wiki.js 默认样式的蓝 + 黑我感觉有点不是非常的好看。

（仓库名带个 Citizen 是因为从 mediawiki-skins-Citizen 借了点 CSS 样式……）

用法

1. 打开 Wiki.js 的后台。点击左侧的“主题”菜单。

2. 打开下载下来的styles.css文件，（不要放在“CSS 覆盖”中！）在“正文HTML注入”中写入一对 HTML 标签<style type="text/css"></style>。

3. 将下载下来的styles.css内的所有内容复制到style标签之中。也就是<style type="text/css">...CSS内容放在这里面...</style>之间。

编译

• 使用git clone https://github.com/AurLemon/wikijs-citizen-styles.git获取项目。

• 项目文件位于src/styles.scss之中。在配置好运行环境和包管理器的情况下，使用pnpm run build-css打包即可。打包后的文件位于dist/styles.css。

• 如果想修改主题色，可修改项目文件中:root选择器下的--color-primary-override__h: 200; --color-primary-override__s: 55%; -color-primary-override__l: 48%;。主题色使用的是 HSL 颜色系统，这三个 CSS 变量分别是主题色的色相、饱和度、亮度。

• 如果还想修改其他颜色，对:root选择器下的其它 CSS 变量操作即可。修改完后编译，再参照“用法”的表述应用即可！

一些计划..

打算优化一下体验！弄个在线生成/复制 CSS 的网站，设置好自己的需求以后直接复制走，放到 Wiki.js 后台里面就行了！年底前弄好 今年六月中弄好吧 今年四月底弄好吧