DarkPixlz 的现代主题

这是旧主题!

如果您正在使用此主题或对此感兴趣,请改用 https://meta.discourse.org/t/pyxs-modern-theme-preview/357665。此主题不再更新。


darkpixlz 的现代主题

这是一个具有圆角、大量模糊效果、一致外观且高度自定义的主题,可适应您的论坛。

!!警告:部分截图可能已过时,如果过时,请随意编辑此帖子!

此主题专为深色主题设计。它支持浅色主题,但某些部分可能会出现问题。
截图:



还有一个平铺版本,但我找不到在此帖子中使用的好方法。
image
image



我正在编辑此主题,但我必须回复,Discourse 不允许我保存草稿 - 此处将很快添加更多截图。

此主题支持大多数主要插件。

目前它不提供不同的调色板,未来可能会有。

有任何想法吗?请在此处告知我!

设置

光标激活: 允许光标更改状态。
示例:
禁用(默认):
image
启用:
image

背景图片: 更改背景图片。

示例



背景模糊: 启用背景模糊。

示例

启用:


禁用:

背景类型: 在平铺背景和缩放背景之间切换。

示例

裁剪:

平铺:

平铺大小: 更改平铺大小,适用于平铺背景。
管理员标签: 在管理员和版主的名字旁边启用“STAFF”标签。默认启用。

:warning: 存在问题的插件 + 组件

  • 全屏组件
  • (可能)所有广告插件

:warning: 其他注意事项

  • 我不建议为设置(如标签)以外的内容添加自定义背景,因为这会导致不兼容或错误。
  • Chrome 和 iOS 在某些地方存在背景模糊问题
  • “最新”和“热门”页面在移动设备上存在已知问题
  • 主题创建者预览由于颜色问题无法正常工作
  • 虽然可以实现浅色主题,但可能会破坏某些内容并使其难以阅读。
: eyeglasses: 预览 Theme Creator
: hammer_and_wrench: 代码库 GitHub - pyxfluff/darkpixlz-Modern-Theme
: question: 安装指南 如何安装主题或主题组件
: open_book: 刚接触 Discourse 主题? Discourse 主题使用入门指南

安装此主题

:spiral_notepad: 发布说明
DarkPixlz's Modern Theme - #65 by darkpixlz

31 个赞

让我想起了Windows 10的Fluent设计,我喜欢它 :purple_heart:

5 个赞

大家好!

我注意到有些承诺过的缺失的角点,我刚刚提交了它们 :slight_smile:
尽情享用吧!


5 个赞

大家好!

又一次更新,我更改了模糊处理的方式,并增加了对 Discourse Chat 的支持。
请享用 :slight_smile:





我对国旗那个不太确定——欢迎任何反馈!

7 个赞

你好
我是新来的,我想知道我是否可以在我的话语中使用这个主题?

4 个赞

Theme 中的所有主题(以及 Theme component 中的组件)都可供所有人使用。:+1: 这个特别的主题是 @darkpixlz 的社区贡献,但也有一些 official 的主题——所有这些都是开源且免费使用的。

6 个赞

是的,正如 @JammyDodger 所说,您可以使用 Theme 中的任何主题,只需点击“自定义”,然后点击“添加主题”,然后点击“从 git 存储库”,然后输入存储库链接即可添加。谢谢 :slight_smile:

4 个赞

太棒了!效果很好
你能帮我一件事吗?
我该如何更改标题?渐变色到我的颜色……我找不到它

附上一张照片:

1 个赞

我不太明白。

我会给你写一个自定义主题,它和那个主题一模一样,但缺少渐变效果。给我十分钟,然后把那个主题从你的网站上删除。

1 个赞

嘿!抱歉耽搁了,这是仓库:

3 个赞

非常感谢,抱歉我的问题不够清楚
是如何改变颜色 - 例如,从绿色改为浅蓝色 - 从粉红色改为深蓝色
Asset 1-100

1 个赞

哦,我现在明白了。

当然,我可以为您更改。这是一个图片,哈哈,应该把它变成真正的渐变。

3 个赞

哇太棒了……我以为是在代码里或者什么的……如果它是一张图片,它在哪里,这样我就可以在我的版本中替换它了?

3 个赞

而且,因为你这么好!!!
我可以在哪里像你一样添加背景图片?那些图标

1 个赞

好的,所以
删除该主题,然后再次获取默认存储库。
更新它

创建一个新组件,并将其 CSS 设置为:

.d-header {
  background-image: url("https://cdn.discordapp.com/attachments/597146309908103178/1001925437632565308/Untitled2.jpg?size=4096") !important;
  background-repeat: no-repeat;
  border-radius: 0px 0px 8px 8px;
}

然后保存它,并将其应用于我的主题,应该就可以了。:slight_smile:
图标已在最新更新中修复,只需点击“更新到最新”
最新版本:

4 个赞

非常感谢!
非常感谢您的鼎力相助!!!
希望我能理解所有内容 :laughing:

2 个赞

大家好!

我之前忘了提,但感谢 @Don,该主题现在完全支持 Firefox 和移动浏览器!

我还为未来准备了一些非常令人兴奋的计划和更改,请留意未来的大型提交!

说到这个,你们喜欢这样的卡片吗?

我喜欢,但我不喜欢弄清楚 SCSS

实际上,我已经一半弄明白了!

再说一遍,如果值得保留,请告诉我。

2 个赞

我上镜了! :slight_smile:

2 个赞

它看起来像是 Windows 11 和 MacOS 的融合体,还点缀了一些 Material Design,太棒了 :heart_eyes:

3 个赞

您是在尝试将主题列表项转换为这些卡片吗?它看起来很漂亮,我喜欢那些圆角 :laughing:。而且我认为标签下方的空白区域是为主题摘要保留的,对吧?这是一个有趣的想法。我会说请继续。

但是,那些数字(如 120、83、16)代表什么并不十分清楚,至少对我来说是这样,也许您可以对此进行一些改进。

2 个赞