主题CSS对应代码

猫老大 2021-6-4 1425

如题

1.双链探测虚线  
    #jShape [ps]:not(.inline-text)
2.双链探测虚线  
    .link-hint
3.高亮  
    #detail-wrap .nmarkdown highlight
4.已经加双链的主题词  
    #roam-wrap .nmarkdown .linkto span[linkto]
5.属性词  
    #detail-wrap .nmarkdown span[linkto]
6.大纲线  
    .plugin-outline-wrap .node-child
7.引用前标  
    #detail-wrap .nmarkdown .refer-text:before
8.引用ID,鼠标经过时的下划线  
    #detail-wrap .refer-text:hover
9.引用ID时,句子的下划线  
    #detail-wrap .refer-text
10.引用标识  
    .plugin-outline-wrap .node-btn-wrap:not(:empty) .op-btn > * 
11.左边栏引用下横线  
    #leftsidebar .outline-wrap .nmarkdown .refer-text
12.正文编辑区引用下横线  
    #detail-wrap .nmarkdown .refer-text (注:11、12的样式可用:border-bottom: 3px dotted #eeeeee !important;)(dotted——点横,solid——直线)
   编辑区	
       #detail-wrap .nmarkdown .refer-text {
       border-bottom: 3px solid #ef0a0a !important;
       cursor: alias;
	}
   左侧栏	
       #leftsidebar .outline-wrap .nmarkdown .refer-text {
       border-color: #eeeeee2e;
       border-bottom: none !important;
	}
   编辑栏悬停	
         #detail-wrap .nmarkdown .refer-text:hover {
   	 border-bottom: 2px solid #000000 !important;
   	 cursor: pointer;
	}
   左侧栏悬停	
        #leftsidebar .outline-wrap .nmarkdown .refer-text:hover {
    	color: #000000 !important
	}
13.双链探测到的主题的下划线  
    .link-hint
14.有序列表  
    #detail-wrap .node[mystyle='有序列表:默认'] > .node-child > .node:not(.node-empty-line) > .node-btn::before


快速回复
最新回复 (1)
  • 13216634354 2021-6-6
    1 2
    分享一下个人在用的几个修改
           • 文本引用下划线颜色: body#jShape.theme-night #detail-wrap .nmarkdown .refer-text{border-bottom:3px solid #5FBB97;padding-bottom:2px}
           • 标题字体颜色: body#jShape.theme-night #detail-wrap .outline-wrap > .node-top:first-child > .node-head .node-text{color:#FFDB00} /或直接修改--123即可
           • 背景颜色及文本字体颜色: body#jShape.theme-night .card{background:#242b3400;color:#BAD3E0} 
           • 主题链接文本颜色:  body#jShape.theme-night #roam-wrap .nmarkdown .linkto span[linkto]{color:#5AA9E6; /或直接修改--124即可
           • 标签颜色修改:body#jShape.theme-night .plugin-outline-wrap .node .node-text a{color:#ffffff;text-shadow:0 0 1px #8d48e3,1px 1px 2px #8d48e3,1px 1px 3px #8d48e3;text-decoration: none;}
返回