Tokyo Night

东京夜是深夜两点屏幕前的视觉独白——深邃的蓝黑底幕上,青色光晕从角落浮起,如同东京深夜便利店的灯光。这不是白天的风格,这是属于那些在夜色中写代码、调参数、追 bug 的人的美学。安静,但充满能量。

arcsin1 8eca6e1 3 files · 9.2 KB Updated

File contents

东京夜是深夜两点屏幕前的视觉独白——深邃的蓝黑底幕上,青色光晕从角落浮起,如同东京深夜便利店的灯光。这不是白天的风格,这是属于那些在夜色中写代码、调参数、追 bug 的人的美学。安静,但充满能量。

配色

标题 #e2e8f0 冷白、正文 #cbd5e1 灰白,强调色 #22d3ee 亮青与 #3b82f6 蓝色是深夜屏幕上的两种光。背景 radial-gradient(circle at 20% 0%, #1e293b 0%, #0f172a 50%, #020617 100%) 从深灰蓝到近乎纯黑,模拟无月的夜空。卡片 rgba(15,23,42,0.72) 是半透明的暗色,边框 rgba(148,163,184,0.22) 如远处的霓虹。

排版

等宽或现代无衬线字体,带有一点技术感。代码片段可以用代码块风格展示。标题清晰但不张扬,正文保持良好的暗底对比度。

布局

暗色卡片浮在更暗的背景上,层级靠微妙的亮度差和边框区分。代码和终端输出可以作为视觉元素出现,但只在内容需要时使用。整体布局像 IDE 的暗色主题——熟悉、舒适、高效,同时避免多面板或密集日志堆叠。

动画

fade-up、stagger-list、glitch-in

适合场景

技术分享、基础设施演讲、开发者社区 Meetup、深夜编程直播——属于程序员的美学场合。

配图

不支持配图。

不要

  • 不要使用暖色调
  • 不要让文字对比度太低(暗底上字要够亮)
  • 不要使用过多装饰性元素
  • 不要试图让暗色风格变得「活泼」

arcsin1/oh-my-ppt/tree/main/resources/styles/tokyo-night commit 8eca6e1068

Frequently asked questions

npx skillmds@latest add arcsin1/tokyo-night