Dynalist Custom CSS: minimal theme

media-width.css

@media screen and ( max-width:1000px) {
    .DocumentContainer.is-centerDocument .DocumentBreadcrumb,
    .DocumentContainer.is-centerDocument .Document{
        max-width: 820px;
    }
}
@media screen and (min-width:1001px) {
    .DocumentContainer.is-centerDocument .DocumentBreadcrumb,
    .DocumentContainer.is-centerDocument .Document{
        max-width: 60%;
    }
}

reduce.css

.AppHeader {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.LeftPaneSplitter {
    display: none;
}

.is-desktop .Pane-header,
.is-desktop .popup-message-banner {
    background-color: rgba(0, 0, 0, 0);
}

.is-desktop .LeftPaneContainer-navItem {
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
}

.is-desktop .LeftPaneContainer-navItem.is-active, .is-desktop .LeftPaneContainer-navItem:hover{
    color: #4e4e4e
}

.is-desktop .Node-self.is-parent.is-numbered .node-icon.mod-expand-collapse:before {
    content: "";
}

.is-desktop .LeftPaneSlidebarContainer {
    box-shadow: none;
}

.is-desktop .LeftPaneContainer-nav {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.is-desktop .main-container {
    margin-top: -32px;
}
k
.is-desktop .DocumentTools {
    margin-top: 32px;
}

.DocumentTools-overlay {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}

.DocumentTools-icon{
    color: rgba(0,0,0,0);
}

.DocumentContainer {
    height: calc(100% + 32px) !important;
}

.AppHeader-icon {
    color: rgba(0, 0, 0, 0);
}

.AppHeader-icon:hover {
    border: none;
    box-shadow: none;
}

.header-sync-state.mod-synced,
.header-sync-state.mod-saved,
.header-sync-state.mod-sync-now,
.header-sync-state.mod-syncing {
    visibility: hidden;
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
    display: none;
}

simple label.css

/* change color labels*/
/* red */
.set-color-label[data-color="1"], .Node-contentContainer.mod-color-label-1
{
    background: var(--transparent) !important;
    border-radius: 0;
    border-left: 5px solid #f9d0c4
}

/* orange */    
.set-color-label[data-color="2"], .Node-contentContainer.mod-color-label-2
{
    background: var(--transparent) !important;
    border-left: 5px solid #FED8B1;
    border-radius: 0;
}

/* yellow */  
.set-color-label[data-color="3"], .Node-contentContainer.mod-color-label-3
{
    background: var(--transparent) !important;
    border-left: 5px solid  #FFF2B1;
    border-radius: 0;
}

/* green */  
.set-color-label[data-color="4"], .Node-contentContainer.mod-color-label-4
{
    background: var(--transparent) !important;
    border-left: 5px solid #C8E3C0;
    border-radius: 0;
}

/* blue */  
.set-color-label[data-color="5"], .Node-contentContainer.mod-color-label-5
{
    background: var(--transparent) !important;
    border-left: 5px solid  #C5DEF5;
    border-radius: 0;
}

/* purple */  
.set-color-label[data-color="6"], .Node-contentContainer.mod-color-label-6
{
    background: var(--transparent) !important;
    border-left: 5px solid #D4C5F9;
    border-radius: 0;
}