Logseq theme

custom.css

/**
 * Logseq custom theme by Gary Oberbrunner
 * TO USE: `@import url("https://oberbrunner.com/logseq/themes/garyo/custom.css");`
 */

/* Fonts: Hack */
@import url("https://cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack.css");

/* === Colors based on OneNote === */

html[data-theme="light"],
.white-theme {
    --ls-primary-text-color: #000000;
    --ls-title-text-color: #2e75b5; /* OneNote h2 color: #2e75b5 */
    /* OneNote h1 color: #1e4e79 */
}

/* h1 when not being edited, .h1 when being edited */
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    color: var(--ls-title-text-color);
}
h2, .h2 {
    filter: brightness(1.2);
}
h3, .h3 {
    filter: brightness(1.2) grayscale(30%);
}
h4, .h4 {
    filter: brightness(1.3) grayscale(50%);
}

/* === compact layout === */

:root {
    --ls-font-family: Calibri, Inter;
    --ls-page-title-size: 24px;
    --ls-page-text-size: 0.95em; /*good w/ Calibri; 0.85 for default font */
}
body {
    line-height: 1;
}
.page-title .title.block {
    min-height: 28px; /* makes it a little taller to not cut off descenders */
}

.ls-block {
    margin-bottom: -5px;
    line-height: 18px; /* ? */
}
.ls-block h1, .editor-inner .h1.uniline-block {
    min-height: 28px;
    font-size: 1.4em;
}
.ls-block h2, .editor-inner .h2.uniline-block {
    min-height: 20px;
    font-size: 1.2em;
}
.editor-inner .uniline-block:is(.h1, .h2) {
    margin: 0;
}
.block-content    {
    min-height: 12px;
}
.mr-1.flex.flex-row.items-center.sm {
    height: 12px !important;
}
.ls-block div.items-center {
    height: 18px !important;
}
.editor-inner textarea {
    line-height: 19px;
}
/* fix bullet positioning */
div.ls-block > div.items-baseline {
    align-items: center;
}

/* === blockquote === */
.block-content blockquote {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    font-size: 1em;
}

/* === checkboxes === */

.form-checkbox {
    border-radius: 4px;
    border: 2px solid var(--ls-page-checkbox-border-color);
    background: white;
}

span.latex-inline { /* math/inline LaTeX: slightly smaller */
    font-size: 0.9em;
}

a.tag { /* '#' tags: slightly larger */
    font-size: 1em;
}

/* === Code === */
.CodeMirror pre.CodeMirror-line,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-gutter-elt,
.CodeMirror-scroll,
.extensions__code-calc-output-line,
.CodeMirror-sizer { /* code blocks */
    font-family: Hack;
    font-size: 0.8rem;
    line-height: 16px;
}
/* line up right hand sidebar of calc mode with main lines */
.extensions__code-calc-output-line {
    height: 16px;
}
/* subtle underlines; useful for calc mode */
.CodeMirror pre.CodeMirror-line {
    border-bottom: 1px solid #ffeedd;
}

:not(pre)>code { /* inline code */
    padding-left: 1px !important;
    padding-right: 1px !important;
    font-family: Hack;
    font-size: 0.8em;
}

/* === Journals === */
#journals .journal-item {
    padding: 0;
    min-height: inherit;
}

#today-queries .mt-10 {
    margin-top: 1rem;
}

/* === image overlay less opaque === */
.block-content .asset-container .asset-overlay {
    background-image: linear-gradient(var(--ls-primary-background-color),transparent 20%);
}

/* === Fix subpixel AA on Windows, per note in Discord May 2022 === */
/* NO -- removes scrollbar on right-side subwindow altogether */
/* .scrollbar-spacing { */
/*   height: 100%; */
/*   overflow: auto !important; */
/*   scrollbar-gutter: stable; */
/* } */