Memos 的 CSS美化代码[更新]

2024.8.20更新

{alert type=”success”}
适用于memos v0.20.0以上版本
{/alert}

/******字体***********/
@import '//cdn.imsun.org/lxgw-wenkai-screen-webfont/lxgwwenkaigbscreen.css';body {font-family:"LXGW WenKai Screen",sans-serif;}
/**************渐变色背景颜色**************************/
/*或者使用图片background-image:url('https://pic.0tz.top/api');*/
#root>div:nth-child(1) {
background-color: hsla(119, 77%, 83%, 1);
background-image: radial-gradient(circle at 5% 1%, hsla(196, 76%, 61%, 1) 7%, transparent 84%), radial-gradient(circle at 7% 81%, hsla(130, 91%, 91%, 1) 16%, transparent 53%), radial-gradient(circle at 11% 29%, hsla(159, 97%, 75%, 1) 8%, transparent 74%), radial-gradient(circle at 39% 52%, hsla(95, 93%, 64%, 1) 6%, transparent 68%), radial-gradient(circle at 90% 50%, hsla(64, 94%, 89%, 1) 2%, transparent 85%);
 background-blend-mode: normal, normal, normal, normal, normal;
}

/***卡片背景浅青色**/
.group {
  background-color: lightblue;
}
/*或者可以使用强制背景为透明二选一*/
.group {
   background-color: transparent !important;
}
/**************美化tag********************/
span.inline-block.w-auto.text-blue-600 {
  border: 1px solid;border-radius:6px;padding:0px 6px;color:rgb(22,163,74) !important;font-size:14px !important;-webkit-transform: scale(calc(10 / 12));transform-origin: left center;
}

效果参考本站
https://memos.ee

6

  1. lix

    博主你演示站里的色调是啥来着,我调半天总感觉别扭

    1. 浪子

      @lix演示站已经除去了文中的代码

      1. lix

        @浪子我说呢::(惊哭),新的代码有嘛博主

    2. 浪子

      @lix可以自行尝试来着::(笑眼)

      1. lix

        @浪子我发现用edge和谷歌打开演示站是不一样的,谷歌应该是必应的每日一图吧,edge的是纯色,我喜欢edge的样式,但好像是bug:@(装大款)

        1. 浪子

          @lix可能是有缓存..你ctrl+f5强制刷新一下再看看

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

「中国人只骗中国人?」:揭秘跨境诈骗背后的真相
为何人生注定是一场艰难的修行
个人财务保卫战:经济低迷期的理财技巧
彩礼之殇:中国废除彩礼的必要性与挑战
揭秘缅甸电信诈骗产业链:从招募到洗钱
笔记软件的高效使用指南:从入门到精通
© 2025 时光沉淀