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 主题

WuLoos

yannis 大佬，你的域名咋卖的？咋联系？

yannis

WuLoos

我个人资料首页有邮箱地址可以联系😉

liutao_monster

Image description

yannis

v2.0.1-v2.0.4

修复了一些问题 ( 感谢 @DursunCan )

首页头像错误问题
修复部分样式错位
修复当用户名过长时溢出问题
适配手机移动端样式
适配扩展博客并优化部分样式

composer update yannisme/oxotheme
php flarum cache:clear

yannis

v2.0.5-v2.0.7

修复了头像显示属性的错误和一些 bugs
针对性的优化了边栏各扩展的背景属性
将首页的标签移至标题下方，更方便阅读标题

下一版本将考虑适配手机端扩展博客的显示效果

composer update yannisme/oxotheme
php flarum cache:clear

wento14

yannis 感谢！

yannis

v2.0.8-2.0.9

单独增加对边栏扩展last-registered-users-widget的支持
针对性的优化了全部标签页面
支持手机端扩展博客
修复了一些 bugs

composer update yannisme/oxotheme
php flarum cache:clear

yannis

v2.1.0

小部件在移动端的显示，以及一些移动端样式优化
支持Welcomebox、Popular Discussion Cards等扩展

composer update yannisme/oxotheme
php flarum cache:clear

凌卡

yannis

当使用了插件 ProfileCover 后在移动端的样式会比较奇怪。
在 FoF User Directory 页面下会有奇怪的遮罩。
移动端下帖子处用户组标识会跑到页面最右侧。

插件地址：
ProfileCover https://discuss.flarum.org/d/23437
FoF User Directory https://discuss.flarum.org/d/5682

Image description

yannis

凌卡

好的，这两天会修复的，感谢反馈！

TanYuan-汤圆

凌卡
不知道你解决了没，我瞎搞了下。

问题在我这里会在 FoF User Directory 页面也产生。

.UserCard.Hero.UserHero{
background-size:cover;
}
.UserCard.UserCard--directory{
background-size:cover;
}

CSS改成这样能好些。
Image description

2.本来也打算用CSS改的，但是改 FoF User Directory 的话 ProfileCover 也变了，比较麻烦了，我坐等更新了。开摆。🤣

yannis

TanYuan-汤圆之前本来下版本修复，然后咕咕了，目前计划在这周之前修复，已经在弄了，最近比较慵懒🐷

TanYuan-汤圆

yannis 慢慢来
Image description

yannis

v2.1.1-2.1.2

支持Hot Cards、ProfileCover扩展
对个人资料页面背景扩展进行优化
- 针对ProfileCover & FoF User Directory 背景扩展优化
对主题列表进行优化
- 讨论页文章列表前置标签图标排版优化
对标签页和page页面进行优化
修复部分分辨率下样式元素丢失的问题

composer update yannisme/oxotheme
php flarum cache:clear

更新示意图：

lazygo

楼主，我想请问一下，全部主题页和标签页的颜色不一样，请问需要怎么改成一样的呢

yannis

lazygo

默认的就是次标签不会在全部标签页里显现出颜色，只有主标签设置颜色时才会显现的。

lazygo

yannis

Image description

是这个地方，标签页会有浅绿色的背景，全部主题页没有这个颜色😂

yannis

lazygo

是的呀，默认逻辑就是全部主题是你在外观中设定的”主颜色“，标签页就是你设定的该标签下的”标签颜色“，不冲突~

lazygo

yannis

Image description

我把外观的背景色和标签的颜色都设置为了#00ffff，还是有差异呢😂

yannis

lazygo
建议弄清楚"标签颜色"、"主要颜色”以及"次要颜色"的区别

lazygo

yannis

Image description
颜色差异是因为这个鲸鱼的背景是白色导致的😂
还有个问题是，请问大佬，标签页的背景颜色怎么修改啊，自定义css里面应该引用哪一个呢