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

2024-03-15 10 2

实测在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的版本选择
新版memos 调用 API 实现说说功能
Memos 的 CSS美化代码[更新]
博客头部滚动展示 最近的memos 基于memos v0.22.2
使用memos API 构建一个朋友圈的页面
使用memos API 通过 CF workers中转获取json

评论(2)

发布评论