theme.css

:root{--base-dark-primary: rgba(25, 25, 25, 1);--base-dark-second: rgba(35, 35, 35, 0.9);--base-dark-third: rgba(45, 45, 45, 0.6);--base-accent-color: rgba(216, 191, 212, 1);--base-ft-color: rgba(225, 225, 225, 1);--base-pd-md: 12px;--base-radius: 6px;--base-transition: 0.3s;--base-ft-size: 10px;--base-transition-props: color, fill, background-color, border, padding, margin, width, height, opacity, transform, top, right, bottom, left;--base-font-family: "consolas"}.layout-tab-bar,.layout-tab-container{background-color:rgba(0,0,0,0)}.layout-tab-bar .item{background-color:var(--base-dark-third)}.dock,.toolbar,.file-tree,.protyle,.protyle-title__input,.protyle-breadcrumb,.layout__empty,.block__icons,.b3-dialog__container,.b3-tab-container,.search__header .b3-text-filed--text,.b3-menu,.protyle-icons,.b3-snackbar__content,.commonMenu,.b3-menu__item{background-color:var(--base-dark-second)}.b3-tooltips::after{background-color:var(--base-dark-third)}.b3-tooltips::before{border-color:rgba(0,0,0,0)}.protyle-icons>span{background-color:var(--base-dark-third)}.layout-tab-bar .item__text::after,.layout-tab-bar .item--focus .item__text::after,.layout-tab-bar .item:hover:not(.item--focus) .item__text::after{background:rgba(0,0,0,0)}body,.dock__item,.toolbar__item,.protyle,.protyle-title__input,.protyle-breadcrumb,.layout-tab-container,.b3-list-item__text,.layout-tab-bar .item,.b3-list-item,.b3-form__icon,.file-tree .b3-list-item__toggle,.popover__block.counter,.b3-menu__item,.protyle-breadcrumb__bar,.protyle-background .b3-tooltips svg,.b3-snackbar__content{color:var(--base-ft-color)}.file-tree .b3-list-item__toggle--hl,.file-tree .b3-list-item__action{color:var(--base-ft-color)}body{font-size:calc(var(--base-ft-size)*1.6)}.dock svg,.toolbar__item svg,.b3-list-item__icon svg,.b3-list-item__icon img,.b3-menu__icon{font-size:calc(var(--base-ft-size)*1.8);height:calc(var(--base-ft-size)*1.5);width:calc(var(--base-ft-size)*1.5)}.file-tree,.protyle,.layout__empty,.layout-tab-bar,.layout__resize--lr,.body.body--win32,.protyle-icons,.b3-list-item,.b3-menu,.protyle-util,.b3-dialog__container{box-sizing:border-box;border-radius:var(--base-radius)}.layout-tab-bar{border-radius:var(--base-radius) var(--base-radius) 0 0}.protyle{border-radius:var(--base-radius);border-top-left-radius:0;border-top-right-radius:0}.protyle-breadcrumb{border-radius:0 0 var(--base-radius) var(--base-radius)}.protyle-icons>span:first-child{border-bottom-left-radius:var(--base-radius);border-top-left-radius:var(--base-radius)}.protyle-icons>span:last-child{border-bottom-right-radius:var(--base-radius);border-top-right-radius:var(--base-radius)}.b3-dialog__container{overflow:hidden}.dock__item,.dock.dock--vertical,.dock--vertical .dock__item{padding:0;box-sizing:border-box;justify-content:center;width:calc(4*var(--base-pd-md))}.dock--vertical .dock__item{height:calc(4*var(--base-pd-md))}.toolbar,.toolbar__item{height:calc(4*var(--base-pd-md))}.toolbar__item{padding:0;justify-content:center;width:calc(4*var(--base-pd-md))}.protyle-background{min-height:calc(var(--base-pd-md)*5)}.protyle-wysiwyg,.protyle-title{max-width:700px}@media screen and (min-width: 800px){.protyle-wysiwyg,.protyle-title{max-width:700px;margin:0 auto !important}}.protyle-icons>span{padding:calc(var(--base-pd-md)/2) var(--base-pd-md)}.protyle-icons{margin-left:0}.layout-tab-container{margin:var(--base-pd-md)}.layout-tab-bar,.layout-tab-container{margin-right:0px}.layout__center .layout-tab-container,.layout__center .layout-tab-bar{margin-left:var(--base-pd-md);margin-right:var(--base-pd-md)}.file-tree .b3-list-item{padding:calc(var(--base-pd-md)/2);margin:calc(var(--base-pd-md)/2) calc(var(--base-pd-md)*2)}.b3-list--background{align-items:center;margin:var(--base-pd-md) 0}.b3-list--background .b3-list-item{margin:calc(var(--base-pd-md)/4) var(--base-pd-md)}.b3-menu .b3-menu__item{box-sizing:border-box;padding:calc(var(--base-pd-md)/4) calc(var(--base-pd-md)*2)}.b3-menu__item .b3-menu__icon{padding-right:calc(var(--base-pd-md)/2)}.b3-menu__item--readonly .b3-menu__label{line-height:calc(var(--base-pd-md)*1.5)}.protyle-background .b3-tooltips:hover svg{color:var(--base-dark-primary)}.toolbar__item:hover,.dock__item:hover,.dock__item:hover:not(.dock__item--active){color:var(--base-ft-color);background-color:var(--base-dark-primary)}.layout-tab-bar .b3-list-item__toggle--hl:hover,.layout-tab-bar .b3-list-item__action:hover,.file-tree .b3-list-item__toggle--hl:hover,.file-tree .b3-list-item__action:hover{color:var(--base-accent-color);background-color:rgba(0,0,0,0)}.layout-tab-bar .item--focus,.layout-tab-bar .item:hover:not(.item--focus),.layout-tab-bar .b3-list-item:hover,.layout-tab-bar .b3-list-item--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom),.file-tree .item--focus,.file-tree .item:hover:not(.item--focus),.file-tree .b3-list-item:hover,.file-tree .b3-list-item--focus:not(.dragover):not(.dragover__top):not(.dragover__bottom){background-color:var(--base-dark-primary) !important}.b3-list--background .b3-list-item:hover:not(.b3-list-item--focus),.b3-list--background .b3-list-item--focus{background-color:var(--base-dark-primary)}.b3-menu .b3-menu__item:hover,.b3-menu__item--current{background-color:var(--base-dark-primary)}.layout-tab-container .dock__item,.layout-tab-container .toolbar__item,.layout-tab-container .dock__item::after,.layout-tab-container .dock__item::before,.layout-tab-container .toolbar__item::after,.layout-tab-container .toolbar__item::before,.layout-tab-container .b3-list-item,.layout-tab-container .b3-list-item__toggle--hl,.layout-tab-container .b3-list-item__action,.layout-tab-container .b3-tooltips::before,.layout-tab-container .b3-tooltips::after,.layout-tab-container .b3-dialog__container,.layout-tab-container .b3-dialog__close,.layout-tab-container .b3-label,.layout-tab-container .b3-menu__item,.dock .dock__item,.dock .toolbar__item,.dock .dock__item::after,.dock .dock__item::before,.dock .toolbar__item::after,.dock .toolbar__item::before,.dock .b3-list-item,.dock .b3-list-item__toggle--hl,.dock .b3-list-item__action,.dock .b3-tooltips::before,.dock .b3-tooltips::after,.dock .b3-dialog__container,.dock .b3-dialog__close,.dock .b3-label,.dock .b3-menu__item,.toolbar .dock__item,.toolbar .toolbar__item,.toolbar .dock__item::after,.toolbar .dock__item::before,.toolbar .toolbar__item::after,.toolbar .toolbar__item::before,.toolbar .b3-list-item,.toolbar .b3-list-item__toggle--hl,.toolbar .b3-list-item__action,.toolbar .b3-tooltips::before,.toolbar .b3-tooltips::after,.toolbar .b3-dialog__container,.toolbar .b3-dialog__close,.toolbar .b3-label,.toolbar .b3-menu__item,.b3-dialog .dock__item,.b3-dialog .toolbar__item,.b3-dialog .dock__item::after,.b3-dialog .dock__item::before,.b3-dialog .toolbar__item::after,.b3-dialog .toolbar__item::before,.b3-dialog .b3-list-item,.b3-dialog .b3-list-item__toggle--hl,.b3-dialog .b3-list-item__action,.b3-dialog .b3-tooltips::before,.b3-dialog .b3-tooltips::after,.b3-dialog .b3-dialog__container,.b3-dialog .b3-dialog__close,.b3-dialog .b3-label,.b3-dialog .b3-menu__item,.b3-menu .dock__item,.b3-menu .toolbar__item,.b3-menu .dock__item::after,.b3-menu .dock__item::before,.b3-menu .toolbar__item::after,.b3-menu .toolbar__item::before,.b3-menu .b3-list-item,.b3-menu .b3-list-item__toggle--hl,.b3-menu .b3-list-item__action,.b3-menu .b3-tooltips::before,.b3-menu .b3-tooltips::after,.b3-menu .b3-dialog__container,.b3-menu .b3-dialog__close,.b3-menu .b3-label,.b3-menu .b3-menu__item{transition-property:var(--base-transition-props);transition-duration:var(--base-transition);transition-timing-function:ease}.protyle *{transition-property:var(--base-transition-props);transition-duration:.2s;transition-timing-function:ease}body.body--win32{border:0px solid rgba(0,0,0,0);background-color:var(--base-dark-primary)}body{font-weight:400;letter-spacing:.8px;font-family:var(--base-font-family)}.b3-tooltips__sw{text-align:center;padding:calc(var(--base-pd-md) + 4.5px) 0}.protyle-icons{z-index:10}.layout-tab-bar{top:var(--base-pd-md);margin-right:var(--base-pd-md)}.layout-tab-bar .item{margin-right:1px;border-right:1px solid var(--base-ft-color)}.layout-tab-bar .item:last-child{margin-right:0;border-right:rgba(0,0,0,0)}.layout__wnd--active .layout-tab-bar .item--focus{box-shadow:none}.file-tree{font-weight:400}.layout__resize--lr{margin:var(--base-pd-md) -3px}.layout__resize:after,.layout__resize:hover::after{color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}.protyle-background .protyle-icons{transform:translate(-50%)}