论坛可以考虑再度 PWA 化
- #17
补图
其实以前Teams内置过一个应该是嵌入式的，那个东西效果还挺好的（）不过是20年21年左右的事了
- #19
目前有一个非常智能的漏洞阻止此主题推出。
Less 预处理器会非常智能地把以下这个平平无奇的 CSS：
background: padding-box linear-gradient(var(--button-bg), var(--button-bg)), border-box linear-gradient(#ffffff20 90%, #00000060 100%), border-box var(--button-bg);给优化为：
background: padding-box linear-gradient(var(--button-bg), var(--button-bg)), border-box linear-gradient(#fff 20 90%, #000 60 100%), border-box var(--button-bg);很棒的优化！按钮颜色没了
甚至加到自定义 CSS 里面也逃不过，真是太智能了
- #20
DaleZ 给点建议
个人认为先把控件（如按钮、搜索框）这些控件的样式写好并且完善之后再改UI（但楼主好像已经写好了？[tieba=yinxian]
最好不要把所有东西都搞成卡片，这会让界面有种莫名的割裂感（而且FD中卡片的阴影似乎没那么重）
一个分割线，甚至加点边距就可以将不同内容分割出来
如果有"动态"这类东西可以做成卡片式的，但是泥潭并没有（既然要用Fluent Design，就尽量别用大色块了，而且FD的取色和Flarum默认主题的取色也有点不一样，可以下个WinUI3 Gallery看看Colors那一块
不是每个地方底下都要加厚边框，比如这种弹出菜单，一个阴影足矣（WinUI里边还要用亚克力）
其他的地方，建议看一看Windows11设计规范
希望对你有一些帮助，楼主加油[tieba=huaji]
- 已编辑
- #22
Betta_Fish 好的。
首先的首先先声明：可完全自定义的内容，本人严格遵循 Windows 11 设计原则，设计灵活度受限的地方尽可能在不破坏原始功能的情况下刷新。
Flarum 是第三方框架，设计灵活度受限的情况是不可能避免的。
- 是的。因为之前自己重写过一遍，现在可以光速适配[tieba=huaji]，按钮、切换器、输入框和进度条等原生存在的控件已像素级移植。
- 微软也用卡片，割裂感的话……个人没感觉。顺便一提，分割线很难搞，因为 Flarum 往死里共用 class，id 罕见
……可能这边的分割线看起来不错，但同时应用到了另一边的时候可能没法看
至于阴影，直接从 Fluent UI Web Components 里抄过来的，最多只能说微软也做得不像。 - 还没看见过大色块，但如果你说的是 Flarum 那边的，不敢动——随随便便就能出问题，包括代码和人为意见层面的
- 这个阴影是打样式的时候打反了
，不好意思，正式上线的时候会纠正的。
至于亚克力，出于性能和 Flarum 的主流审美考虑，不会添加，但可能考虑加噪点（这个微软亲手重打造过，也可以像素级抄袭
）
总而言之，这是独特与妥协的完美结合[tieba=yinxian]，但仍然有丰富的细节。如果您还有其它建议，请尽管提出来，因为现在在没有更好的布局下，主页/用户面板/帖子内容我觉得用卡片分层是最好的了，这也是微软经常用的。
- 已编辑
- #25
- #27
DaleZ 如果不够清楚可以再看看Fluent 2的文档，可能会比Windows 11设计规范更适合网页一些
https://fluent2.microsoft.design/design-principles
- 已编辑
- #28
这集成度好像还不错（Edge 115）
- #29
何木槿 我到现在也没搞明白（
让我重新装一次也不一定成功（
Betta_Fish 我打算直接扔掉卡片了，啥也不做
另外您的图片很黄（
ThinkBou 谢谢，Fluent 2 的文档比 Learn 的详细多了