93 lines
2.5 KiB
CSS
93 lines
2.5 KiB
CSS
@font-face {
|
|
font-family: 'Fira Sans';
|
|
font-style: normal;
|
|
font-weight: 300;
|
|
src: url('/custom/fonts/fira-sans.woff2') format('woff2');
|
|
}
|
|
|
|
:root {
|
|
--theme-style: dark;
|
|
|
|
--main-font-family: 'Fira Sans', sans-serif !important;
|
|
--main-font-size: normal;
|
|
--tree-font-family: inherit;
|
|
--tree-font-size: normal;
|
|
--detail-font-family: inherit;
|
|
--detail-font-size: normal;
|
|
--detail-text-font-family: 'Fira Sans', sans-serif !important;
|
|
|
|
--main-background-color: #383144;
|
|
--main-text-color: #D5BDD6;
|
|
--main-border-color: #87778D;
|
|
|
|
--accented-background-color: #473E56;
|
|
--more-accented-background-color: #383144;
|
|
|
|
--button-background-color: #473E56;
|
|
--button-disabled-background-color: #383144;
|
|
--button-border-color: #87778D;
|
|
--button-text-color: #D5BDD6;
|
|
--button-border-radius: 15px;
|
|
--primary-button-background-color: #383144;
|
|
--primary-button-text-color: #D5BDD6;
|
|
--primary-button-border-color: #87778D;
|
|
--muted-text-color: #87778D;
|
|
--input-text-color: #D5BDD6;
|
|
--input-background-color: #473E56;
|
|
--hover-item-text-color: #D5BDD6;
|
|
--hover-item-background-color: #473E56;
|
|
--active-item-text-color: #D5BDD6;
|
|
--active-item-background-color: #473E56;
|
|
--menu-text-color: #D5BDD6;
|
|
--menu-background-color: #383144;
|
|
--tooltip-background-color: #473E56;
|
|
--link-color: #D5BDD6;
|
|
--modal-background-color: #383144;
|
|
--modal-backdrop-color: black;
|
|
--scrollbar-border-color: #87778D;
|
|
|
|
--left-pane-background-color: #383144;
|
|
--left-pane-text-color: #D5BDD6;
|
|
|
|
--launcher-pane-background-color: #383144;
|
|
--launcher-pane-text-color: #D5BDD6;
|
|
|
|
--active-tab-background-color: #473E56;
|
|
--active-tab-text-color: #D5BDD6;
|
|
|
|
--inactive-tab-background-color: #383144;
|
|
--inactive-tab-text-color: #D5BDD6;
|
|
}
|
|
|
|
body .note-detail-text {
|
|
font-size: 120%;
|
|
}
|
|
|
|
body #launcher-pane div,
|
|
body #launcher-pane div *,
|
|
body #launcher-pane span {
|
|
background-color: var(--launcher-pane-background-color);
|
|
border-radius: 50%;
|
|
}
|
|
|
|
body #launcher-pane div:hover * {
|
|
background-color: var(--hover-item-background-color);
|
|
}
|
|
|
|
body #left-pane .btn:not(.btn-primary) {
|
|
background-color: var(--launcher-pane-background-color);
|
|
}
|
|
|
|
body .CodeMirror {
|
|
filter: invert(100%) hue-rotate(300deg) saturate(80%);
|
|
/* background-color: #f7f8f6 !important; */
|
|
}
|
|
|
|
body .bx.icon-action {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
body span.fancytree-node.done, body span.fancytree-node.todo{
|
|
filter: saturate(30%) brightness(180%);
|
|
}
|