macOS Sonoma 液态UI主题（深色）

 
此主题特点简介
  这是两套 「悬浮式应用 (Floating App)」 风格的 CSS 主题。
 
  它们都抛弃了传统网页的文档流布局，转而使用半透明面板、柔和阴影和系统性圆角，来营造一个轻盈、富有层次感、类似现代桌面操作系统（如 macOS）进化后的应用界面。
 

「Aura Translucent」半透明主题（澄澈之镜/Lucid Mirror）

主题名称由来 -- “镜”是这张壁纸的名称，来自 pixiv.net 作者：Lifeline
  这是一款专为动态背景而设计的“高透（Crystal-Clear）”风格主题
  本主题采用高透明度的“澄澈”面板。这种设计允许流动的视频背景毫无保留地穿透 UI 浮层，使界面与动态背景融为一体。
 

「Aetherium Glass」毛玻璃主题（雨后/After Rain）

主题名称由来 -- “雨后”是这张壁纸的名称，也是来自 pixiv.net 作者：Lifeline
  这是一款基于现代“玻璃拟态 (Glassmorphism)”风格打造的暗色主题。它将界面的主要元素（如导航栏、内容卡片、侧边栏）转变为半透明的“磨砂玻璃”面板，悬浮于动态的背景之上。
  这款主题旨在平衡美观与可读性，通过磨砂玻璃的质感，透出了背景中那种五彩斑斓的模糊光晕，为用户提供了一个既美观又舒适的浏览环境。
 
 
「Aetherium Glass」毛玻璃主题（遥望之所/Look Remotely）

主题名称由来 -- “Look Remotely”是这张壁纸的名称，又是来自 pixiv.net 作者：Lifeline
  其实是看到了 Mayi 主题使用的壁纸，才找到了作者。又下载了此作者制作的壁纸才开始使用css来适配这些壁纸
  基于 Mayi 的 站内美化扩展css-深色模式液态玻璃（高斯模糊） 修改升级版
 
 

macOS Sonoma 柔和UI主题（浅色）

 
与本贴相对应的浅色主题到这里 ------- 传送门
 
 

与主题作者：Mayi 合力打造

与 @Mayi 一起合作制作了“澄澈之镜/雨后”主题。基于 Mayi 的 站内美化扩展css-深色模式液态玻璃（高斯模糊） 二次修改而制作而成，合作的相当愉快，动态壁纸“镜”的原文件也合用了 Mayi 自己的图床，在此大力出奇迹般的感谢 Mayi！

Look_Remotely 主题是在 Mayi 遥望之所/Look Remotely 主题上做的修改，修复了一些染色bug，增加了简单的互动元素，未做过多改动。

 
 

核心特点：

 

  • 「Lucid Mirror」-- 「半透明」面板，柔和阴影带来的轻快层次感
  • 「After Rain」-- 标志性的「毛玻璃」材质，模糊的背景，半透明感的面板，玻璃边缘微妙高光特效
  • 「Look Remotely」-- 标志性的「毛玻璃」材质，原版的 patched plus 版
  • 柔和的「悬浮式」UI -- 分明的层次阴影，一致的圆角
  • 丰富的悬停微感交互 -- 悬浮面板视觉，鼠标接触反馈
  • 高度统一的细节定制 -- 统一的品牌色调，完全沉浸式的主题体验
     
     

碎碎念：

 

  • 主题只有深色 -- 受字符限制依然无法与浅色主题合并到一起，而且论坛依然没开启“@ 规则”的支持，无法判断日间与夜间环境
  • 现在NS与DF自定义css的最大字符为7949，有了一定的扩展空间(虽然跟之前的15000+都能成功保存)！
     
     

「Aura Translucent」澄澈之镜/Lucid Mirror

 

 
CSS代码：

https://raw.githubusercontent.com/0x1KKI/CSS-Style-for-NodeSeek-and-DeepFlood/refs/heads/main/Aura_Translucent_-_Lucid_Mirror.css

 
 

「Aetherium Glass」雨后/After Rain

 

 
CSS代码：

https://raw.githubusercontent.com/0x1KKI/CSS-Style-for-NodeSeek-and-DeepFlood/refs/heads/main/Aetherium_Glass_-_After_Rain.css

 
 

「Aetherium Glass」遥望之所/Look Remotely

 

 
CSS代码：

https://raw.githubusercontent.com/0x1KKI/CSS-Style-for-NodeSeek-and-DeepFlood/refs/heads/main/Aetherium_Glass_-_Look_Remotely.css

 
 

论坛导航悬浮修复

 
使用“自定义css”后左边的导航栏就会失去悬停功能，使用我做的小油猴脚本可以修复。
 
【油猴脚本】NS 和 DF 导航栏位置修复
 
 

被暴击了...

 

修改了近8小时的css，结果超出了ns保存次数。幸好还有df，不然无法截图来展示...
 
 

收工~！