【免费下载链接】waybar-themes
A collection of Waybar themes inspired by Omarchy, designed to be compatible with various Linux distributions.
想在 Linux 桌面拥有 macOS 同款「悬浮岛」状态栏吗?开源项目waybar-themes正是一套为 Waybar 打造的主题合集,其中V7和V1.9a两个 Island(岛状)主题,能把原本贴在屏幕顶部的长条状态栏,变成居中悬浮、圆角胶囊般的现代浮岛,兼容多种 Linux 发行版。本文带你从零理解 Island 主题的设计思路,并给出安装、定制与排错的完整步骤。
什么是 Waybar 岛状(Island)主题?
先搞懂两个概念:
- Waybar:Wayland 生态下的状态栏工具,由
config.jsonc(模块布局)+style.css(外观样式)两个文件驱动,改完即刷新生效。 - Island 岛状设计:不同于传统「贴边长条」,岛状主题让模块以独立圆角胶囊的形式悬浮在屏幕中央,中间区域完全透明、露出壁纸,视觉上更接近 macOS 的 Dock 灵动岛,是近两年 Linux 桌面的热门审美。
waybar-themes 仓库内按版本号组织了数十套主题(V1 到 V7 系列),全部基于 Omarchy 风格演进。其中V7是「左右分组双岛」布局,V1.9a则是「单圆角悬浮岛」的极简版本,二者恰好覆盖了岛状风格的两种典型路线。
💡 这些配置源自 Omarchy,但只需用标准模块替换掉 Omarchy 专属模块、自行定义颜色后,即可在任何发行版上使用(详见 README.md 的 Usability 说明)。
V7 岛状主题深度解析:左右分组的现代布局
V7 的源码位于 config/V7/,核心是两个文件:
- 布局配置:config/V7/config.jsonc
- 样式文件:config/V7/style.css
它的三大设计要点:
1. 三段式模块布局
config.jsonc中通过modules-left/modules-center/modules-right把模块分成三组:
- 左侧岛:Omarchy 菜单按钮、工作区切换、当前窗口
- 中间岛:时钟、系统更新提示、录屏/免打扰等状态指示器
- 右侧岛:播放器(mpris)、系统托盘、天气、内存、背光、网络、蓝牙、音量、CPU、电池
同时设置position: "top"、height: 26,并开启reload_style_on_change: true——修改样式后 Waybar 会自动重载,无需手动重启。
2. 透明底 + 小圆角的胶囊质感
在 config/V7/style.css 中,window#waybar背景设为transparent,每个模块统一加上.5px细边框、4px圆角和内边距,悬浮在透明底上就形成了「一个个独立小卡片」的岛状效果。悬停时模块会平滑反色高亮(transition: .7s),交互反馈非常跟手。
3. 动态主题色支持
样式直接引用主题变量@background/@foreground(通过@import "../omarchy/current/theme/waybar.css"引入),切换配色主题时岛状栏会自动跟随变色,无需改代码。
V1.9a 岛状主题深度解析:单胶囊极简路线
如果说 V7 是「分体多岛」,V1.9a(config/V1.9a/)则走「一体单岛」路线——所有模块挤进一个圆角胶囊里居中悬浮,更贴近 macOS 单条 Dock 的气质。
关键实现细节
① 高度置零,让 CSS 接管外观
config/V1.9a/config.jsonc 中"height": 0,只声明modules-center一组模块,把视觉表现完全交给样式文件——这是岛状主题的常用技巧。
② 罗马数字工作区
工作区模块用format-icons把 1~10 号工作区映射为I、II、III、IV、V…罗马数字,配合border-radius: 16px的胶囊按钮,辨识度极高。
③ 自定义窗口胶囊脚本 window_pill.py
这是 V1.9a 的灵魂功能:通过custom/windowpill模块调用 config/V1.9a/window_pill.py,把当前活动窗口的应用名和标题以双行胶囊形式显示在岛内,效果类似 macOS 的窗口标签。脚本每秒轮询一次hyprctl获取活动窗口,并对超长标题做了截断处理。
三步安装 V7 或 V1.9a 岛状主题
⚠️ 仓库为只读镜像,安装是拷贝配置到你的用户目录,不会改动仓库本身。
第 1 步:克隆仓库并拷贝主题
以 V7 为例(换成V1.9a即可安装另一个主题):
git clone https://gitcode.com/gh_mirrors/wa/waybar-themes.git /tmp/repo && cp -rf /tmp/repo/config/V7/. ~/.config/waybar && rm -rf /tmp/repo第 2 步:赋予脚本执行权限(仅 V1.9a 需要)
chmod +x ~/.config/waybar/window_pill.py第 3 步:重启 Waybar 生效
# Omarchy 系统 omarchy-restart-waybar # 其他发行版(通用方式) pkill -SIGUSR1 waybar✅ 完成后,屏幕顶部就会出现悬浮岛状态栏。
自定义调优:改颜色、字体与高度
三个最实用的微调方向(均以 config/V7/style.css 为例):
- 换主色调:修改
@background/@foreground变量,或在规则中直接改background-color,一处改动全局生效; - 改字体字号:全局
*选择器里的font-family: 'JetBrainsMono Nerd Font'与font-size: 14px,换成自己喜欢的字体即可(建议保留 Nerd Font,图标依赖它); - 调圆角与高度:V7 的
border-radius: 4px越小越硬朗,V1.9a 的border-radius: 16px越圆润;config.jsonc中的height控制岛的基础高度。
得益于reload_style_on_change: true,保存 CSS 后岛屿会自动刷新,试错成本极低。
常见问题排查清单
| 问题 | 原因 | 解决办法 |
|---|---|---|
| 图标显示为方块/空白 | 缺少 Nerd Font 图标字体 | 安装JetBrainsMono Nerd Font并确认 CSS 中font-family指向它 |
| window_pill 无输出 | 脚本无执行权限或未装 python3 | 执行chmod +x ~/.config/waybar/window_pill.py |
| 部分模块不显示 | 使用了 Omarchy 专属模块(如custom/update、voxtype) | 在config.jsonc中删除对应模块,其他发行版可正常渲染标准模块 |
| 天气模块无数据 | 依赖外部工具wttrbar | 安装 wttrbar,并在custom/weather中修改--location为你的城市 |
| 想还原默认样式 | 配置被主题覆盖 | Omarchy 用户可通过Super + Alt + Space菜单选择 Update → Config → Waybar 恢复 |
写在最后
waybar-themes 的 V7 与 V1.9a 展示了岛状状态栏的两种经典范式:多岛分组信息分区清晰,适合模块多的用户;单胶囊极简则更纯粹,配合window_pill.py的当前窗口显示几乎能复刻 macOS 体验。所有主题配置都开放在 config/ 目录下,挑一套喜欢的拷贝即可使用,剩下的就是动动手指调出属于自己的悬浮岛。🏝️
【免费下载链接】waybar-themes
A collection of Waybar themes inspired by Omarchy, designed to be compatible with various Linux distributions.
相关推荐
WhiteSur主题深度美化实战:打造macOS风格的Linux桌面环境
WhiteSur主题深度美化实战:打造macOS风格的Linux桌面环境 WhiteSur gtk theme是一款专为Gnome桌面环境设计的macOS Bi
UI组件Music Island音乐悬浮岛使用教程:悬停桌面顶边,3秒掌控任何播放器
Music Island音乐悬浮岛使用教程:悬停桌面顶边,3秒掌控任何播放器 Music Island(音乐悬浮岛)是一款免安装的 Windows 10/11
如何用Happy Island Designer打造完美虚拟岛屿:完整教程指南
你是否曾经梦想过设计一个完全属于自己的梦幻岛屿?现在,Happy Island Designer这款强大的虚拟岛屿设计工具让这个梦想触手可及。无论你是游戏爱好者
前端
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考