# DarkPixlz 的现代主题
**URL:** https://meta.discourse.org/t/darkpixlzs-modern-theme/232543
**Category:** Theme
**Tags:** deprecated
**Created:** [2022年七月11日 18:29 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543 "2022-07-11T18:29:15Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月11日 18:29 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/1 "2022-07-11T18:29:15Z")
> # 这是旧主题！
>
> 如果您正在使用此主题或对此感兴趣，请改用 [https://meta.discourse.org/t/pyxs-modern-theme-preview/357665。此主题不再更新。](https://meta.discourse.org/t/pyxs-modern-theme-preview/357665%E3%80%82%E6%AD%A4%E4%B8%BB%E9%A2%98%E4%B8%8D%E5%86%8D%E6%9B%B4%E6%96%B0%E3%80%82)
* * *
## darkpixlz 的现代主题
这是一个具有圆角、大量模糊效果、一致外观且高度自定义的主题，可适应您的论坛。
!!警告：部分截图可能已过时，如果过时，请随意编辑此帖子！
此主题专为深色主题设计。它支持浅色主题，但某些部分可能会出现问题。
截图：
还有一个平铺版本，但我找不到在此帖子中使用的好方法。
我正在编辑此主题，但我必须回复，Discourse 不允许我保存草稿 - 此处将很快添加更多截图。
此主题支持大多数主要插件。
目前它不提供不同的调色板，未来可能会有。
有任何想法吗？请在此处告知我！
## 设置
**光标激活** : 允许光标更改状态。
示例：
禁用（默认）：
启用：
**背景图片** : 更改背景图片。
> **示例**
>
> 
> 
> 
**背景模糊** : 启用背景模糊。
> **示例**
>
> 启用：
>
> 
> 禁用：
> 
**背景类型** : 在平铺背景和缩放背景之间切换。
> **示例**
>
> 裁剪：
>
> 
>
> 平铺：
>
> 
**平铺大小** : 更改平铺大小，适用于平铺背景。
**管理员标签** : 在管理员和版主的名字旁边启用“STAFF”标签。默认启用。
⚠ 存在问题的插件 + 组件
- 全屏组件
- （可能）所有广告插件
⚠ 其他注意事项
- 我不建议为设置（如标签）以外的内容添加自定义背景，因为这会导致不兼容或错误。
- Chrome 和 iOS 在某些地方存在背景模糊问题
- “最新”和“热门”页面在移动设备上存在已知问题
- 主题创建者预览由于颜色问题无法正常工作
- 虽然可以实现浅色主题，但可能会破坏某些内容并使其难以阅读。
| | | |
| --- | --- | --- |
| : eyeglasses: | **预览** | [Theme Creator](https://discourse.theme-creator.io/theme/darkpixlz/pixlzstheme) |
| : hammer\_and\_wrench: | **代码库** | [GitHub - pyxfluff/darkpixlz-Modern-Theme](https://github.com/pyxfluff/darkpixlz-Modern-Theme) |
| : question: | **安装指南** | [如何安装主题或主题组件](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| : open\_book: | **刚接触 Discourse 主题？** | [Discourse 主题使用入门指南](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
安装此主题
> 🗒 发布说明
> [DarkPixlz's Modern Theme - #65 by darkpixlz](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/65?u=pixlz)
---
### Author:  [@Alexander](https://meta.discourse.org/u/Alexander)
#### Post date: [2022年七月12日 14:29 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/3 "2022-07-12T14:29:54Z")
让我想起了Windows 10的Fluent设计，我喜欢它 💜
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月15日 19:23 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/4 "2022-07-15T19:23:39Z")
大家好！
我注意到有些承诺过的缺失的角点，我刚刚提交了它们 🙂
尽情享用吧！
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月16日 02:54 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/5 "2022-07-16T02:54:22Z")
大家好！
又一次更新，我更改了模糊处理的方式，并增加了对 Discourse Chat 的支持。
请享用 🙂
我对国旗那个不太确定——欢迎任何反馈！
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月27日 10:02 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/6 "2022-07-27T10:02:33Z")
你好
我是新来的，我想知道我是否可以在我的话语中使用这个主题？
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [2022年七月27日 10:48 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/7 "2022-07-27T10:48:13Z")
#Customization > Theme 中的所有主题都可供所有人使用（#Customization > Theme component 中的组件也是如此）。👍 这个特定的主题是社区贡献者 @darkpixlz 的作品，但这里也有一些 #official 官方主题——全部开源且免费使用。
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月27日 16:27 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/8 "2022-07-27T16:27:06Z")
是的，正如 @JammyDodger 所说，你可以在 #Customization > Theme 中使用任何主题。只需点击“自定义”，然后选择“添加主题”，接着选择“从 Git 仓库”，最后输入仓库链接即可添加。谢谢 🙂
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月27日 18:18 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/9 "2022-07-27T18:18:30Z")
太棒了！效果很好
你能帮我一件事吗？
我该如何更改标题？渐变色到我的颜色……我找不到它
附上一张照片：
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月27日 18:19 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/10 "2022-07-27T18:19:47Z")
我不太明白。
我会给你写一个自定义主题，它和那个主题一模一样，但缺少渐变效果。给我十分钟，然后把那个主题从你的网站上删除。
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月27日 18:36 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/11 "2022-07-27T18:36:37Z")
嘿！抱歉耽搁了，这是仓库：
> **[GitHub - pyxfluff/DarkPixlz-s-theme-with-no-gradient](https://github.com/pyxfluff/DarkPixlz-s-theme-with-no-gradient)**
>
> Contribute to pyxfluff/DarkPixlz-s-theme-with-no-gradient development by creating an account on GitHub.
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月27日 18:46 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/12 "2022-07-27T18:46:23Z")
非常感谢，抱歉我的问题不够清楚
是如何改变颜色 - 例如，从绿色改为浅蓝色 - 从粉红色改为深蓝色
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月27日 18:47 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/13 "2022-07-27T18:47:05Z")
哦，我现在明白了。
当然，我可以为您更改。这是一个图片，哈哈，应该把它变成真正的渐变。
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月27日 18:48 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/14 "2022-07-27T18:48:19Z")
哇太棒了……我以为是在代码里或者什么的……如果它是一张图片，它在哪里，这样我就可以在我的版本中替换它了？
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月27日 18:51 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/15 "2022-07-27T18:51:09Z")
而且，因为你这么好!!!
我可以在哪里像你一样添加背景图片？那些图标
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年七月27日 18:58 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/16 "2022-07-27T18:58:27Z")
好的，所以
删除该主题，然后再次获取默认存储库。
更新它
创建一个新组件，并将其 CSS 设置为：
```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;
}
```
然后保存它，并将其应用于我的主题，应该就可以了。🙂
图标已在最新更新中修复，只需点击“更新到最新”
最新版本：
---
### Author:  [@Shira\_Richter](https://meta.discourse.org/u/Shira_Richter)
#### Post date: [2022年七月28日 12:18 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/17 "2022-07-28T12:18:49Z")
非常感谢！
非常感谢您的鼎力相助！！！
希望我能理解所有内容 😆
---
### Author:  [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [2022年八月3日 05:54 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/20 "2022-08-03T05:54:28Z")
大家好！
我之前忘了提，但感谢 @Don，该主题现在完全支持 Firefox 和移动浏览器！
我还为未来准备了一些非常令人兴奋的计划和更改，请留意未来的大型提交！
说到这个，你们喜欢这样的卡片吗？
我喜欢，但我不喜欢弄清楚 SCSS
实际上，我已经一半弄明白了！
再说一遍，如果值得保留，请告诉我。
---
### Author:  [@ANormalUser](https://meta.discourse.org/u/ANormalUser)
#### Post date: [2022年八月3日 06:24 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/21 "2022-08-03T06:24:07Z")
我上镜了！ 🙂
---
### Author:  [@albert\_vu](https://meta.discourse.org/u/albert_vu)
#### Post date: [2022年八月3日 08:01 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/22 "2022-08-03T08:01:44Z")
它看起来像是 Windows 11 和 MacOS 的融合体，还点缀了一些 Material Design，太棒了 😍
---
### Author:  [@Kuro22](https://meta.discourse.org/u/Kuro22)
#### Post date: [2022年八月3日 08:34 UTC](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543/23 "2022-08-03T08:34:13Z")
您是在尝试将主题列表项转换为这些卡片吗？它看起来很漂亮，我喜欢那些圆角 😆。而且我认为标签下方的空白区域是为主题摘要保留的，对吧？这是一个有趣的想法。我会说请继续。
但是，那些数字（如 120、83、16）代表什么并不十分清楚，至少对我来说是这样，也许您可以对此进行一些改进。
[下一頁](https://meta.discourse.org/t/darkpixlzs-modern-theme/232543.md?page=2)