Workflowy Goat

wf-goat-style

/* ==UserStyle==
@name           Workflowy Goat
@namespace      gist.github.com/vladzima/ae9e6fdc60d51da945b37861a7b1e29c
@version        1.0.1
@description    Userstyle to make Workflowy a bit more goat
@author         Vlad Arbatov
==/UserStyle== */
@-moz-document domain("workflowy.com") {

    /* Change background color */
    :root {
        --wf-dark-gray-800: #141717;
        --wf-dark-gray-700: #141717;
    }
    /* Change font */
    body {
        font-family: "Geist Mono";
    }
    /* Tags styling change */
    .contentTag {
        background-color: transparent !important;
        padding: 2px 3px !important;
    }
    /* Set your desired base font size here */
    body {
        font-size: 20px;
    }
    /* This will inherit from the body font size */
    #documentView {
        font-size: 1em;
        line-height: 2em;
    }
    .content {
        font-size: 1.1em;
        line-height: 1.5em;
    }
    /* Remove top space */
    .pageContainer > .page {
        padding-top: 0px;
    }
    /* Change external links color */
    .content > .innerContentContainer > .contentLink {
        color: #bc380f;
    }
    /* Hide bullets for todos */
    .checkmark > .name > .bullet {
        opacity: 0;
        transition: opacity .25s;
    }
    /* Show todo bullets on hover */
    .checkmark > .name > .bullet:hover {
        opacity: 1;
        transition: opacity .25s;
    }
    /* Move Todos Left */
    .checkmark > .name {
        left: -21px;
    }
    /* Hide add sibling button so it doesn't interfere with Todo expand/item menu */
    .checkmark .addSiblingButton {
        display: none;
    }
    /* Change bullet halos color */
    .collapsed .bullet {
        background-color: #2c3131;
    }
}