memos自定义CSS：标签样式、字体大小、选项卡隐藏

浪子

2024-03-15 / 2 评论 / 搜一下 / 1,057 阅读 / 正在检测是否收录...

03/15

温馨提示：

本文最后更新于2024年03月15日，已超过250天没有更新，若内容或图片失效，请留言反馈。

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

赏