Skip to content

webkubor/typora-Bloom-theme

Repository files navigation

Bloom · Typora Theme

Bloom

官网预览:https://typora-bloom-theme.webkubor.online

Bloom(绽放)是一套为长期写作设计的 Typora 主题。它追求安静、克制与温柔的表达——不过度装饰,不喧宾夺主,让文字始终成为视线的中心。

目前包含 16 套精心调配的莫兰迪配色(8 套浅色 + 8 套深色):

  • 浅色系:花瓣 (Petal), 雾蓝 (Mist), 草木 (Verdant), 暖石 (Stone), 琥珀 (Amber), 薰衣草紫 (Spring), 涟漪 (Ripple), 水墨 (Ink)
  • 深色系:花瓣暗夜 (Petal Dark), 雾蓝暗夜 (Mist Dark), 草木暗夜 (Verdant Dark), 暖石暗夜 (Stone Dark), 琥珀暗夜 (Amber Dark), 薰衣草紫暗夜 (Spring Dark), 涟漪暗夜 (Ripple Dark), 水墨暗夜 (Ink Dark)

📚 参考资料 Reference

📄 协议 License

主题系列 (Theme Variants)

所有主题均基于 OKLCH 色彩空间 重新设计,统一莫兰迪低饱和风格,极致护眼。

🎨 配色方案总览

分类 主题 背景 (Bg) 强调色 (Accent) 文字 (Text) 风格描述
🌤 浅色 (8) 花瓣 Petal L98% C0.01 H350 L64% C0.22 H350 L25% C0.02 H350 暖粉白 + 玫瑰粉 · 柔和温润
雾蓝 Mist L96% C0.01 H240 L50% C0.08 H240 L25% C0.02 H240 冷浅灰 + 深雾蓝 · 深邃克制
草木 Verdant L96% C0.01 H160 L50% C0.07 H160 L25% C0.02 H160 极浅淡绿 + 豆沙绿 · 治愈草木色
暖石 Stone L96% C0.01 H60 L50% C0.06 H40 L25% C0.02 H40 暖米白 + 红棕土 · 温润如陶瓷
琥珀橙 Amber Orange L98% C0.01 H65 L60% C0.14 H65 L25% C0.02 H65 现代琥珀橙,清爽有活力的写作体验
鼠尾草 Sage L97% C0.01 H115 L62% C0.11 H115 L25% C0.02 H115 温暖橄榄绿,怀旧且富有生命力
薰衣草紫 Spring L96% C0.01 H285 L65% C0.16 H285 L25% C0.02 H285 丝滑薰衣草紫 · 更纯净的紫色调
涟漪 Ripple L96% C0.01 H195 L55% C0.09 H195 L25% C0.02 H195 清冷青碧 + 湖面微澜 · 高级冷调
丹红 Cinnabar L97% C0.005 H25 L55% C0.18 H25 L25% C0.02 H25 朱砂/丹红 · 东方极简与富贵的高级感
🌙 深色 (8) 花瓣暗夜 Petal Dark L20% C0.02 H350 L75% C0.18 H350 L98% C0.01 H350 深玫瑰黑 + 玫瑰粉 · 安静的夜间粉调
雾蓝暗夜 Mist Dark L20% C0.02 H240 L72% C0.12 H240 L96% C0.01 H240 莫兰迪雾蓝暗色版,护眼且深邃
草木暗夜 Verdant Dark L18% C0.02 H160 L72% C0.12 H160 L96% C0.01 H160 深墨绿 + 莫兰迪绿 · 幽静的暗夜森林
暖石暗夜 Stone Dark L20% C0.02 H30 L75% C0.12 H30 L96% C0.01 H30 深暖棕 + 红棕土 · 沉稳的陶土色
鼠尾草暗夜 Sage Dark L20% C0.02 H115 L72% C0.12 H115 L96% C0.01 H115 深苔藓绿 + 橄榄绿 · 静谧的森林夜色
薰衣草紫暗夜 Spring Dark L18% C0.02 H285 L75% C0.16 H285 L96% C0.01 H285 深紫黑 + 薰衣草紫 · 浪漫的夜间花海
涟漪暗夜 Ripple Dark L18% C0.02 H195 L70% C0.10 H195 L96% C0.01 H195 深青黑 + 幽蓝荧光 · 神秘科技感
丹红暗夜 Cinnabar Dark L20% C0.02 H25 L65% C0.18 H25 L95% C0.02 H25 漆器红 + 暖灰黑 · 高贵且极具视觉张力

视觉与设计

✨ 全新 Glassmorphism 提示框

v1.3.1 引入了全新的 磨砂质感 Alert 系统。告别生硬色块,拥抱 12px 圆角与半透明光效。

  • 智能适配:Note / Tip / Warning / Caution / Important 五种状态自动适配全部 16 款主题色调。
  • 视觉层级:利用 color-mix 技术动态计算背景与边框深度,确保在深浅模式下均有完美的阅读体验。

设计原则

  1. 文字优先:所有设计都应为内容让路,不抢表达。
  2. 长期可用:不追求第一眼的惊艳,而追求数小时使用后的舒适。
  3. 感知均匀:利用 OKLCH 色彩空间,确保不同色调在视觉亮度上保持一致。
  4. 层级分明:标题、引用、代码块采用层级递进,而非跳色区分。

细节把控

  • 排版:行距偏松,标题不过度放大,避免“PPT 感”。
  • 图标:风格简洁、线性,UI 元素尽量退后。
  • 动效:微妙的平滑过渡,让写作体验更具呼吸感。

安装方式

  1. 打开 Typora,进入 偏好设置 → 外观 → 打开主题文件夹
  2. dist/ 目录下的 .css 文件复制到该文件夹中。
  3. 如果存在 bloom/ 文件夹(图标资源),也请一并复制。
  4. 在 Typora 主题 菜单中选择对应名称即可。

Tip

推荐从 Releases 下载打包好的 Bloom-theme.zip,解压即用。


致谢

这个主题诞生于我成为父亲之后。我开始更加在意时间、陪伴,以及那些会被反复翻阅的文字。

感谢所有使用、反馈与分享 Bloom 的人。如果这个主题在某个清晨或夜晚让你愿意多写几行字,那它的意义就已经成立了。