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

2024 年 3 月 15 日 星期五(已编辑)
2
这篇文章上次修改于 2024 年 3 月 15 日 星期五,可能部分内容已经不适用,如有疑问可询问作者。

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

实测在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

使用社交账号登录

  • Loading...
  • Loading...
  • Loading...
  • Loading...
  • Loading...