分享：我使用的聚焦模式样式

现在好像各个主题没有明显的聚焦样式，不容易区分，会以为内容丢失了。

以下是自己定义的聚焦模式，有需要的可自行修改，仅供参考。

/* 聚焦模式样式*/
div:not(#editor)>.protyle-breadcrumb .protyle-breadcrumb__item:first-child:not(.protyle-breadcrumb__item--active)::after{
    background-color: var(--b3-theme-primary-light);
    color: var(--b3-theme-on-background);
    opacity: 0.5;
    text-align: left;
    font-size: 14px;
    content: "退出聚焦模式";
    text-align: center;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: 16px;
    font-weight: 600;
    z-index: 2;
}

/* 面包屑在输入的时候不隐藏*/
.protyle-breadcrumb__bar--hide {
    opacity: 1;
}
​

将以上 css 代码，放在对应主题的 theme.css 里面即可