Wiki样式调整器

背景色

组件背景色

容器背景色

标题文字色

文字颜色

链接颜色

链接悬停色

新链接颜色

如何将配色应用到Wiki？ ▼

1

复制CSS变量代码

调整好配色后，点击上方的"复制CSS变量"按钮，代码会自动复制到剪贴板。

/* Wiki自定义配色方案 */ :root { --bg-color: #121212; --unit-color: #1a1a1a; --box-color: #222222; --title-color: #FFD700; --font-color: #e0e0e0; --a-color: #FFD700; --a-hover-color: #FFA500; --new-a-color: #FF6B6B; }

2

创建CSS文件

在你的Wiki中创建一个新的CSS页面：

wiki.biligame.com/你的Wiki名字/MediaWiki:CustomTheme.css

将复制的CSS变量代码粘贴到这个页面，然后保存。

3

导入到Common.css（关键步骤）

编辑你的Wiki的Common.css文件：

wiki.biligame.com/你的Wiki名字/MediaWiki:Common.css

在文件的开头添加导入语句（确保在所有其他@import之前）：

/* 导入自定义主题 - 放在最前面确保优先级 */ @import url("MediaWiki:CustomTheme.css?action=raw&ctype=text/css");

保存后刷新Wiki页面即可看到新样式生效。

重要提示： 如果悬停颜色不生效，可能是因为Wiki原有的样式有更高的优先级。请确保自定义主题的导入语句在Common.css文件的最前面，这样CSS变量才能正确覆盖原有样式。

小贴士： 如果样式没有生效，可以清除浏览器缓存（Ctrl+F5）后重试。

Feeling

WIKI功能

Wiki样式调整器