帮你保持对任务的专注的一个小片段

说明

这是一个非常简单的 CSS Snippet,作用是:让处于注释中的任务清单变得模糊。

它看起来就像是这样:
250912_帮你保持对任务的专注的一个小片段-img-250912_192416.webp

你需要做的就是,把一部分(暂时不需要在意的)任务放进两个 %% 行中间,让它们成为注释。

然后应用这个 CSS 片段:

/* 注释中的任务 */
.HyperMD-list-line:not(.cm-active) .cm-comment,
.HyperMD-task-line:not(.cm-active) .cm-comment {
    opacity: 0.3;
    filter: blur(2px);

    &:hover{
        opacity: 1.0;
        filter: none;
    }
}

在你聚焦的时候,他们会显示出原始文本。

250912_帮你保持对任务的专注的一个小片段-img-250912_192612.gif

2 个赞

适合什么样的使用场景?

DailyNote (每日笔记)里写今天想要做的事情,模糊掉一部分任务有助于专注在当下正在进行/更重要的任务。

border主题有个专注模式,那个更合适,可以抄下。

嗯,有觉得更合适的就用更合适的