OXO 主题 OXO Theme，a Theme For Flarum，by yannisme(yannis) . 这是一款 Flarum 主题，该主题特点是卡片圆角设定，属于旧时代拟物化风格。当然，也有不喜欢此样式的人，请左转忽视。🤷♂️ 👉 新版本 v2.0 已出炉，欢迎反馈新的 bug ! 😼 旧版本仍可安装使用 ( v1.0.3/v1.0.4 为旧版中最新) 卡片圆角拟物样式主题，距离 OXO 样式发布已经过去了 620 天，最终该主题在重新整理优化中出炉了，放弃了原本运用在主题上的玻璃磨砂效果，因为这需要搭配合适漂亮的 Bg，支持黑夜模式，由于 v1 版本，自己对配色的执着和疑惑，又经过了几周闭门后，重新出炉了 v2 版本，并逐步对主题进行打磨和细调。演示 click2see 安装默认配色： #276bb0 , #6699cc *你可以自由搭配颜色进行切换使用 composer 命令进行安装: composer require yannisme/oxotheme if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 更新/卸载主题 composer update yannisme/oxotheme php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } composer remove yannisme/oxotheme if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 👉 如果你已经安装了旧版本 v1.0，可以使用以下命令更新到 v2.0 composer require yannisme/oxotheme php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 链接 Github Packagist Discuss 效果图 PC端移动端

我相信大佬的实力orz 感谢大佬的辛苦制作

这个主题好漂亮啥时候能搞完啊

sid 目前可以用的，就是可能后续会优化一下配色问题，目前不影响现版本的使用的

yannis 老大，这个主题的板块列表页，表头的背景，如何调整随标签颜色一致呢？

ceshi123 目前还有黑夜模式和细调一下就差不多了，最近有点忙，鸽一下~ 😫

v1.0.0-v1.0.3 修复了遗忘的 bugs （点赞或者引用回复时，提醒文字错位） v2.0 回炉重造，配色不再太奇妙~ composer update yannisme/confixtheme php flarum cache:clear if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } WuLoos 👉 已经更新了，如果你已经安装了旧版本，使用以下命令更新到 v2.0 演示站点没有挂，换了地址而已~ 😂 composer require yannisme/oxotheme if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

@yannis 大佬，安装了之后，类似中文网下面的鱼不见了。自己中文网

OXO 主题

yannis

TanYuan-汤圆
卸载后重新安装即可～

TanYuan-汤圆

yannis Image description
其实还是装的2.1.0，难不成是阿里源的原因？

应该不会啊。

yannis

TanYuan-汤圆

我这里用的是默认源，版本是 v2.1.2，没有问题呀

TanYuan-汤圆

yannis 那就是我这里的问题了，我再检查一下。
实在不行就上传文件改🤣

安知鱼

首页背景颜色我想设置成白色的（为了适配那条鱼），但是在我这么做了以后，我的黑暗模式就不能适配了，咕咕咕

安知鱼

难受啊，真的很喜欢这个oxo的主题，可是我怎么调都无法和我的底部的鱼和黑暗模式完全适配，很难受QWQ，调了一下午加一晚上，硬是没调好，呜呜呜 Image description

yannis

安知鱼

在黑夜模式里面将背景强制设置为黑色就可以了，可以看一下源码

这下面是判断黑夜模式为是的情况：

.define-colors(true){
xxx{xxxx !important;}
}

安知鱼

yannis 呜呜呜，我傻乎乎的用媒体查询，整了好久，还去看了那个黑夜模式插件的作者，看到作者说原文在13天前修复了一个媒体查询的bug，可以用color-scheme: light这个去判断，我就搞了好久呜呜呜，太感谢了！！！😘

二哈

请问一下手机端那个欢迎页面能不能跟电脑一样改成一个卡片的呀，请问通过css可不可以改，我是小白，如果可以改的话请问css代码是什么，谢谢🙏

yannis

二哈

这个权重写死在主题里了，或者你可以将源码全部复制到自定义样式中并更改以下内容：

https://github.com/yannisme/flarum-oxo-theme/blob/main/less/forum.less

Image description

将第 134行的内容替换成

header.Hero.DiscussionHero,header.Hero.WelcomeHero{border-radius:10px!important;margin:10px!important;background:@body-bg!important}

198858lkn

yannis 您好作者

我该从源码中摘取那段代码，能够使“欢迎横幅”变成此OXO主题的卡片样式呢？

其他还想维持默认不变，谢谢~

yannis

198858lkn

可以，晚点我发一下

198858lkn

yannis 好的，感谢！！！😄

198858lkn

yannis 随便@很不礼貌，Sorry，但我真的很喜欢这个卡片样式，在您不忙的时候麻烦帮我一下，感谢！！！

yannis

198858lkn

试了试，单独拿出来还是有些怪，需要自行再调整，

https://github.com/yannisme/flarum-oxo-theme/blob/main/less/forum.less

header.Hero.DiscussionHero,header.Hero.WelcomeHero 这个 CLASS 可以自行查找一下，具体有手机端与PC端，

下面是仅 PC 端，但配色不太合适默认主题

header.Hero.DiscussionHero,header.Hero.WelcomeHero{border-radius:10px!important;margin:10px!important;box-shadow:rgba(0,0,0,.1) 0 1px 3px 0,rgba(0,0,0,.06) 0 1px 2px 0;background:@body-bg!important;border-bottom:unset!important}

下面是阴影属性效果 css

box-shadow:rgba(0,0,0,.1) 0 1px 3px 0,rgba(0,0,0,.06) 0 1px 2px 0;

198858lkn

yannis 已经弄好了，感谢！~

moozae

楼主问下，我用了这个主题后再添加footer，会出现footer的背景颜色和主题的背景颜色不一样的问题，有什么解决方法吗？

White_ROUGE

安装完成后页面并没有生效，仍然是默认页面，请问需要什么配置来让他生效吗？
Flarum 1.4.1

diego

White_ROUGE 你好你的问题解决了吗？

蓝鱼

为什么我装上去了之后没有变化

diego

蓝鱼你好我这也是这个问题请问你那边解决了吗？

yannis

蓝鱼 diego
在风格中开启后，刷新缓存