原文： https://discuss.flarum.org/d/23827 作者： kylo Extended Appearance Settings 在自定义 Flarum 时，有时选择最佳的色彩搭配是很困难的，如果你只使用管理面板而不借助其他工具来添加自定义 LESS/CSS/HTML 的话，这简直是一场噩梦——尤其如果你是个小白或技能不熟练的人。我希望这个扩展能加快你的自定义过程，并为你的下一个 Flarum 主题提供一些灵感。特性使用 Pickr 实现实时主题可视化编辑。使用由 CodeMirror 提供的浏览器内代码编辑器快捷侧边栏右置按钮阻止保存 LESS/CSS/HTML 后自动刷新管理面板与 clarkwinkelmann/flarum-ext-scratchpad （开发者便笺）扩展集成冲突这个扩展暂时与 turk/flarum-stargazing-theme 包冲突。我计划为它发布一个新版本，以解决这个冲突。安装 composer require the-turk/flarum-extended-appearance if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 更新 composer update the-turk/flarum-extended-appearance php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 链接国际社区讨论帖 [ext] GitHub 源代码更新日志报告问题通过 Packagist 下载本译文仅用于学习和交流目的，转载请务必注明文章译者、原文出处、和本文链接。

Golden emm,不知道是不是我设置的方式不对,我自定义了CSS貌似不起作用😂

爱哭的毛毛虫 codemirror主题是用来高亮自定义css编辑器里的代码的

Golden 意思是我还需要在我的服务器上运行这三个程序吗编辑器是编辑我论坛哪个文件的代码呢?

爱哭的毛毛虫不需要啊。。。codeMirror主题是应用到管理面板->外观->自定义样式打开之后弹出的窗口内的，是代码高亮主题，让css的代码高亮（原本是不高亮的，纯粹显示文本）

[未知用户] 这样子吗,然而我将codemirror主题添加到自定义样式中,报错了

爱哭的毛毛虫你打开的是自定义css窗口，是不能在里边填写js代码的，因此保存失败。你可以看到，你现在选择的是 monokai 主题，所以「自定义CSS」窗口中，填写代码的区域是黑色地背景，其中的代码是彩色的。这就是 codeMirror 主题的作用，不同的主题，呈现的颜色是不一样的。

高级外观设置

爱哭的毛毛虫

Golden js代码怎样才能应用到自定义css窗口中?这不是css编辑器?🤣

Golden

爱哭的毛毛虫代码高亮主题就是在下拉列表里选择呐，你打开的这个网站是代码高亮主题的预览网站

爱哭的毛毛虫

Golden 懂啦,哈哈哈

爱哭的毛毛虫

Golden 不过我选择的主题为什么应用不了呢,保存后论坛外观并没有改变

Golden

爱哭的毛毛虫它改变的是你这张图的页面当中的代码编辑器的主题。也就是自定义css、自定义页眉窗口打开之后的样子

爱哭的毛毛虫

Golden 我将主题保存后,打开自定义css窗口自定义页眉是这样子的,它貌似不生效

Golden

爱哭的毛毛虫你貌似没有理解“代码高亮主题”是什么意思

爱哭的毛毛虫

Golden 嗯,是的,毕竟这不是我所擅长的,可能我还需要学习,不过还是很感谢耐心解答.

Golden

Golden 你把插件关掉，再打开自定义css窗口，就知道是什么作用了。代码高亮顾名思义是给代码着色的，高亮显示代码有利于开发者阅读代码

爱哭的毛毛虫

Golden 我想我大概明白您的意思了,所以说我还需要将我自定义css窗口高亮部分的java代码解析为css高亮代码?

Golden

爱哭的毛毛虫你的初衷是想做什么？如果你想添加自定义的js代码，写到“自定义页眉”或“自定义页脚”中就行，“自定义样式”里只能写css/less代码。代码高亮跟你亲自写什么代码没有关系，他只是外观上的应用，不论你选择什么主题，你写的123代码还是123，并不会变成321，论坛前台也不会因为这里的代码高亮主题而发生改变。

爱哭的毛毛虫

Golden 了解了,其实我初衷是想自定义主题,自定义一些按钮位置,可能是我理解有偏差,谢谢了

yannis

这真是一个好的扩展！ 😜

« 上一页