AI摘要:本文介绍了如何使用自定义CSS来修改Memos应用的样式。通过修改特定类的样式,可以改变字体颜色、标签样式、字号等。此外,还可以使用CSS隐藏选项卡,如通知、个人资料和探索。最后,还提供了修改编辑器字体为等宽字体的方法。这些自定义CSS可以在Memos应用的0.20.1版本中有效。

实测在0.20.1版本有效

/* 修改特殊字体颜色 */
.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(11 96 176 / var(--tw-text-opacity));
}

/* 修改标签样式 */
.dark .inline-block {
    border: 1px solid rgb(110,110,110);
    border-radius: 8px;
    background-color: rgb(90, 90, 90);
    padding: 0px 4px;
}

.inline-block {
    border: 1px solid rgb(230,230,230);
    border-radius: 8px;
    background-color: rgb(245, 245, 245);
    padding: 0px 4px;
}

/* 修改Memo字号 */
.memo-wrapper .text-base {
    font-size: 0.95rem;
}

/* 修改代码块字号 */
.text-sm {
    font-size: 0.85rem;
}

/* 隐藏 通知 选项卡 */
#header-inbox {
  display: none;
}

/* 隐藏 个人资料 选项卡 */
#header-profile {
  display: none;
}

/* 隐藏 探索 选项卡 */
#header-explore {
  display: none;
}

/* 修改编辑器字体为等宽 */
textarea {
    font-family: 'Courier New', Courier, monospace;
}

美化代码来源https://github.com/orgs/usememos/discussions/2845

标签: memos, 美化

已有 3 条评论

  1. 跳动 跳动

    大佬,请问有memos界面背景颜色,和卡片背景颜色的CSS修改代码吗🥹

    1. 你可以参考本站
      https://blog.memos.ee/archives/218.html

  2. [...]}就用了caddy自带的TLS和反向代理到memos:5230端口修改后:wq保存退出。重启Caddy使配置生效:systemctl reload caddy然后就可以直接通过memos.darkbluesoul.cc访问Memos了。Cloudflare R2 图床Cloudflare的配置按配置 Cloudflare R2 存储 - Memos,还有从零开始搭建你的免费图床系统(Cloudfl[...]

添加新评论