V1主题自定义卡片视图颜色背景

RoamEdit模块美化 菜包 6个月前 (04-03) 2个评论 扫描二维码

教程

在CSS代码最上部分的颜色总控里找到以下代码

    --kapian1:#338b55;/*卡片上层背景1*/
    --kapian2:#338b55;/*卡片上层背景2*/
    --kapian3:#338b55;/*卡片上层背景3*/
    --kapian4:#2d2d2d;/*卡片下层背景*/

这里面的类似#338b55就是颜色代码
上层背景可以设置3总不同的颜色,就是渐变色,3个都相同就是纯一种颜色
下层背景可以设置一种颜色,一般不用修改

模板


第一种是原来默认的渐变色
    --kapian1:#338b55;--kapian1:#871c1c;/*卡片上层背景1*/
--kapian2:#58125b8a;/*卡片上层背景2*/
--kapian3:#247dc996;/*卡片上层背景3*/
--kapian4:#191919;/*卡片下层背景*/

 
第二种是现在默认的绿色

 --kapian1:#338b55;/*卡片上层背景1*/
    --kapian2:#338b55;/*卡片上层背景2*/
    --kapian3:#338b55;/*卡片上层背景3*/
    --kapian4:#2d2d2d;/*卡片下层背景*/

 
第三种是粉色,稍微活泼一点

     --kapian1:#b83b7a;/*卡片上层背景1*/
    --kapian2:#b83b7a;/*卡片上层背景2*/
    --kapian3:#b83b7a;/*卡片上层背景3*/
    --kapian4:#404040;/*卡片下层背景*/

 
第四种是橙色,也很不错

--kapian1:#b8583b;/*卡片上层背景1*/
    --kapian2:#b8583b;/*卡片上层背景2*/
    --kapian3:#b8583b;/*卡片上层背景3*/
    --kapian4:#404040;/*卡片下层背景*/

 
第五种是蓝色,充满了温馨的感觉

 --kapian1:#3473b6;/*卡片上层背景1*/
    --kapian2:#3473b6;/*卡片上层背景2*/
    --kapian3:#3473b6;/*卡片上层背景3*/
    --kapian4:#404040;/*卡片下层背景*/

 
第六种,我就是我不一样的烟火

--kapian1:#a92323;/*卡片上层背景1*/
    --kapian2:#057eff;/*卡片上层背景2*/
    --kapian3:#05ff5f;/*卡片上层背景3*/
    --kapian4:#373737;/*卡片下层背景*/

 
第七种

🙄你自己调吧...
喜欢 (1)
[觉得文章不错,请站长喝咖啡]
分享 (0)

您必须 登录 才能发表评论!

(2)个小伙伴在吐槽
  1. 要努力呀
    通篇看完只记住了菜包很受伤
    要努力呀2021-04-05 09:44 Windows 10 | Chrome 89.0.4389.114