配色笔记
工作计划
配色笔记阅读视图

给笔记一点颜色

让日常记录成为一个舒适的空间。内部链接与 外部链接,都与这套配色保持一致。

这是加粗文字,这是斜体文字,还有 值得记住的高亮。不再需要的想法也可以留下一点痕迹。

每一种颜色,都让同一篇笔记有了不同的气质。

三级标题 · 今日灵感

尝试将主色用于强调,辅助色用于装饰,让文字和背景保持清楚的层次。

四级标题 · 小小的计划

五级标题 · 一个细节
六级标题 · 补充说明

任务与清单

  • 整理今天的笔记
  • 完成一个小目标
  • 给新的想法留一点空间
  1. 记录一个想法
  2. 连接已有的知识
    • 寻找共同点
    • 写下新的问题
  3. 继续探索

代码与键盘

在笔记中使用 palette.primary,按下 Ctrl + S 保存。

// 为每一篇笔记选择合适的颜色
const palette = {
  name: "My Phycat",
  brightness: 0.85
};
function createTheme(colors) {
  return colors;
}

表格中的细节

元素用途状态
主色链接与交互已选定
辅助色标题与装饰可调整
背景阅读与界面自动派生

提示框的不同语气

界面中的颜色

侧栏展示七种彩虹文件夹。点击上方的「界面控件」,查看按钮、输入框、导航选中项和弹窗。

预览使用本地 Phycat 样式。字体随本机安装情况显示。