heptabase的自定主题 - 2024年4月 by Elliootalderson

/* ==UserStyle==
@name           app.heptabase.com/e244704c-c6f4-4289-91f4-eabc4b05f91e/journal - 2024年4月
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */




@-moz-document url-prefix("https://app.heptabase.com") {
    div[class="scrollbar-gutter-stable flex h-[calc(100vh-49px)] flex-col overflow-y-auto overflow-x-hidden"]{
        background-color: #14171c;
    }
/* 设置全局字体 */
    body{
        font-family:Arial,SIMSUN;
    }
    
    /* 设置引用快样式    */
   blockquote p._block_1r4bd_1{
       color:#93969b
    }
/* 设置引用前符号样式     */
    .ProseMirror blockquote{
        border-left: 4px solid #2d323a;
        font-family: "Cambria Math","LXGW WenKai";
        font-size: 14px;
    }
/* 设置h1 ~h4 */
    .ProseMirror h1{
        color:#ffa500;
        font-size:25px;
        text-align:center;
    }
    .ProseMirror h2{
        color:#7027b7;
        font-size: 22px;
    }
    .ProseMirror h3{
        color:#427c10;
        font-size: 19px;
    }
    div[class="flex w-full overflow-x-hidden bg-background-secondary"]{
        background: #14171c;
    }
    div[class="_whiteboardCanvas_1ozeb_1 absolute left-0 top-0 h-full w-full touch-none select-none overflow-hidden bg-whiteboard-background"]{
         background: #14171c;
    }
/* 设置缩进辅助线     */    
    div[class="_numberIcon_1egxi_70" ]::after {
        content: " ";
        position: absolute;
        left:11px;
        margin-top: 2rem;
        width: 0.5px;
        background-color: purple;
        transition-property: background-color;
        transition-duration: .1s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        height: calc(100% - 2rem);
    }
    div._hint_2wsh5_85{
        background: grey;
    }
/* 设置缩进辅助线     */
    div[class="_hasNestedBlocks_1egxi_63"]::after{
        content: "";
        position: absolute;
        left:13px;
        margin-top: 0rem;
        width: 0.5px;
        background-color: blue;
        transition-property: background-color;
        transition-duration: .1s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        height: calc(100% - 2rem);
    }
/*   设置代码块默认高度   */
    div[class="cm-scroller"]{
        max-height: 500px;
        overflow: atuo;
    }
/*   设置代码块字体   */
    div[class="cm-line"]{
         font-family:Cambria;
         font-size:14px;
    }
/*     设置行辈代码颜色 */
    code{
        color:#cca3f8;
    }
/*      设置section标题文字显示位置*/
    div[class="absolute left-0 top-0 box-border flex origin-top-left items-center overflow-hidden rounded-md shadow-[inset_0_0_0_1px_var(--light-grey)] px-1.5 py-px cursor-pointer"]
    {
        top:0;
        left:50%;
        transform: translateX(-50%)!important;
        background-color:blue !important;
    }
/*      设置section标题文字大小*/
    div[class="absolute left-0 top-0 box-border flex origin-top-left items-center overflow-hidden rounded-md shadow-[inset_0_0_0_1px_var(--light-grey)] px-1.5 py-px cursor-pointer"]>input
    {
        font-size:24px;
    }
/*      设置section标题文字编辑位置*/
    div[class="absolute left-0 top-0 box-border flex origin-top-left items-center overflow-hidden rounded-md shadow-[inset_0_0_0_1px_var(--active-item),_0_0_0_2px_var(--middle-transparent-blue)] px-1.5 py-px cursor-pointer"]{
        top:0;
        left:50%;
        width:90%;
        transform: translateX(-50%)!important;
    }
    

}