# Logseq-like theme

**URL:** <https://community.silverbullet.md/t/logseq-like-theme/2425>\
**Category:** Tricks & Techniques\
**Created:** [May 26, 2025, 9:53pm UTC](https://community.silverbullet.md/t/logseq-like-theme/2425 "2025-05-26T21:53:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JocelynDelalande](https://community.silverbullet.md/user_avatar/community.silverbullet.md/jocelyndelalande/32/1373_2.png) [@JocelynDelalande](https://community.silverbullet.md/u/JocelynDelalande)\
**Post date:** [May 26, 2025, 9:53pm UTC](https://community.silverbullet.md/t/logseq-like-theme/2425/1 "2025-05-26T21:53:32Z")

</div>

What this theme brings:

- softer colors on links to make them more… link-looking
- more spacing and a fat colored left border on code blocks and quote blocks
- get rid off monospace font (except for code)

It looks like this :

 ![image](https://community.silverbullet.md/uploads/default/original/2X/9/9c8c65887a4873665a5ad0d37fcbc5545e70d827.png)

Liberally adapted from how [logseq](https://logseq.com/) renders pages by default.

> **space-style snippet**
>
> ```space-style
> /* Avoid scrollbar (hackish) */
> .sb-lua-bottom-widget .content,
> .sb-lua-top-widget .content 
> {
> overflow-x: hidden !important;
> }
> /* Less prominent links */
> html {
> --editor-wiki-link-page-background-color: transparent !important;
> --link-color: #1b6898 !important;
> }
> 
> /* Nicer font */
> 
> html *:not(.sb-line-blockquote) {
> --editor-font: Inter, sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
> 
> }
> 
> a:hover {
> text-decoration: underline !important;
> }
> /* Spacing arround blocks */
> .sb-line-blockquote, 
> .sb-line-fenced-code,
> .sb-frontmatter
> {
> padding: 0 1em !important;
> }
> .sb-line-fenced-code,
> .sb-frontmatter {
> font-family: "iA-Mono", "Menlo" !important;
> }
> .sb-admonition-title {
> padding: .5em 1em !important;
> }
> 
> /* Fat left border on blocks */
> .sb-line-fenced-code {
> border-left: 4px solid var(--subtle-color) !important;
> }
> 
> .sb-line-blockquote:not(.sb-admonition) {
> border-left: 4px solid var(--editor-code-string-color) !important;
> }
> 
> /* Hide bullets on TODO lists */
> [data-external-task-ref] {
> margin-left: -1.5em !important;
> }
> 
> .sb-line-task .cm-list-bullet {
> display: none !important;
> }
> 
> /* Lua block code styling : lighter */
> 
> .sb-lua-directive-block:not(:hover), .sb-lua-directive-inline {
> border-color: transparent !important;
> }
> 
> ```