Ultimate CSS system setup (WIP workflow collection)

CendaCZ · February 2, 2025, 7:15pm

This my current setup and a long-term effort to prove dynalist being far more capable within its performant design.

For now, this is how dynalist it started (every common possibility condensed, hopefully)

It combines community/official knowledge, many system refactoring (to be fast to type but non-conflicting in CSS limitations) best updatable by Gemini (will make tool that won’t rely on it later) that I’ve grown to be eventually reliable no matter what you do.

I usually save my improvements and after many months integrate them into my current setup.

If you don’t want to follow the unstable progress, follow my Youtube channel
where I’ll (rarely) post when it’s ready, otherwise…
See the latest status as I post, which I do when the implementation is stable enough (for the improvements)

errno · April 25, 2025, 12:18am

are you able to link to your css? thanks

CendaCZ · May 4, 2025, 9:54pm

Sure! I suggest waiting (follow thread) since there are major improvements/color-adj. to be made (writing them down as I use it + future usability/parsability for/with obsidian and explanation. For this, I’m currently busy until early october, then I expect to continue.

Let me know related tips or if it helps in its active form

/* @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@125,200..900&display=swap'); */

.is-desktop .Document-rootNode {padding: 0 10px;}
/* .DocumentBreadcrumb, .DocumentBreadcrumb-delimiter {padding: 0 0 0 0; font-family: "Inconsolata", sans-serif; color:  #A7A7A7;} */

.DocumentBreadcrumb {padding: 10px 0 0 0; min-height: 0;}
.DocumentBreadcrumb-delimiter {margin: 0;}
.DocumentTools {margin-top: 18px;}
.node-inline-code {color: #a1a2f2;}

/* condense space around the header.is-mobile .LeftPaneContainer-header { padding: 10px 0 5px 0; }
.node-italics { background-color: #fe888888; } */
/* hide bullets while retaining move functionality
.Node-bullet:before { display: none; }*/ 
/* Don't show icon for Dynalist links. */.node-link-internal.is-displayed:before { content: none; }

/* make tags with out tag indicator symbol and in colored pillbox format */.node-tag[title="Filter #soon"] { display: inline-block; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-left: 7px; padding-right: 7px; height: 24px; background-color: #20B2AA !important; color: #181818 !important; font-weight: normal; text-decoration: none; } 
/*.node-tag::first-letter { font-size: 0%; } */
.node-tag[title="Filter #pp"] { display: inline-block; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-left: 7px; padding-right: 7px; height: 24px; background-color: DimGrey !important; color: #181818 !important; font-weight: normal; text-decoration: none; } 
/*.node-tag::first-letter { font-size: 0%; }*/

/* Display priority tags as colored circle badges instead of text. */
.node-tag[title*="#today"], .node-tag[title*="#wait"], .node-tag[title*="#await"], .node-tag[title*="#deadline"], .node-tag[title*="#now"], .node-tag[title*="#impo"], .node-tag[title*="#crit"], .node-tag[title*="#solved"], .node-tag[title*="#canwait"], .node-tag[title*="diss"], .node-tag[title*="do"], .node-tag[title*="solve"], .node-tag[title*="opt"], .node-tag[title*="task"], .node-tag[title*="finally"], .node-tag[title*="finish"], .node-tag[title*="ultimate"], .node-tag[title*="uhq"], .node-tag[title*="vhq"], .node-tag[title*="hq"], .node-tag[title*="mq"], .node-tag[title*="lq"], .node-tag[title*="arch"], .node-tag[title*="dyna"] {   position: relative;   display: inline-block;   color: transparent;   width: 1.1em;   white-space: nowrap;   pointer-events: none;   cursor: auto; }
.node-tag[title*="#today"]::before, .node-tag[title*="#wait"]::before, .node-tag[title*="#await"]::before, .node-tag[title*="#deadline"]::before, .node-tag[title*="#now"]::before, .node-tag[title*="#impo"]::before, .node-tag[title*="#crit"]::before, .node-tag[title*="#solved"]::before, .node-tag[title*="#canwait"]::before, .node-tag[title*="diss"]::before, .node-tag[title*="do"]::before, .node-tag[title*="solve"]::before, .node-tag[title*="opt"]::before, .node-tag[title*="task"]::before, .node-tag[title*="finally"]::before, .node-tag[title*="finish"]::before, .node-tag[title*="ultimate"]::before, .node-tag[title*="uhq"]::before, .node-tag[title*="vhq"]::before, .node-tag[title*="hq"]::before, .node-tag[title*="mq"]::before, .node-tag[title*="lq"]::before, .node-tag[title*="arch"]::before {   display: block;   content: '';   position: absolute;   color: black;   width: 0.6em;   height: 0.6em;   border-radius: 40%;   margin-top: 0.3em;   margin-left: 0.1em; }  .node-tag[title*="#deadline"]::before, .node-tag[title*="#now"]::before  {   background: Red; }
.node-tag[title*="#crit"]::before {   background: #d9534f; }
.node-tag[title*="#await"]::before {   background: #5cb85c; }
.node-tag[title*="#today"]::before {   background: #5bc0de; }
.node-tag[title*="#wait"]::before {   background: #0b3f1e;   border: 1.6px #b3a98f dashed; }
.node-tag[title*="#impo"]::before {   background: #ffd946; }
.node-tag[title*="#solved"]::before {   background: #97c25b; }
.node-tag[title*="#canwait"]::before {   border: 1.6px #b3a98f dashed; }
.node-tag[title*="diss"]::before {   background: #ff6969;   border: 1.6px #ff6969 dashed; }
.node-tag[title*="do"]::before {    border: 1.6px #0185df dashed; }
.node-tag[title*="solve"]::before {    border: 1.6px #0185df solid; }
.node-tag[title*="opt"]::before {    border: 1.6px #77a8ca dashed; }
.node-tag[title*="task"]::before {    border: 1.6px #453e3e solid; }
.node-tag[title*="finally"]::before {    border: 1.6px #29ca41 dashed; }
.node-tag[title*="finish"]::before {    border: 1.6px #29ca41 solid; }
.node-tag[title*="ultimate"]::before {    border: 1.6px #facd46 dotted; }
.node-tag[title*="uhq"]::before {    border: 1.6px #75ff00 dotted; }
.node-tag[title*="vhq"]::before {    border: 1.6px #d5ffb1 dotted; }
.node-tag[title*="hq"]::before {    border: 1.6px #b1f8ff dotted; }
.node-tag[title*="mq"]::before {    border: 1.6px #ecaf66 dotted; }
.node-tag[title*="lq"]::before {    border: 1.6px #9f654e dotted; }
.node-tag[title*="arch"]::before {    border: 1.6px #ff9f2c dashed; }

/* Use infinity symbol for "dyna" */
.node-tag[title*="dyna"]::before { content: '\221E'; /* Infinity symbol */ width: auto; height: auto; border-radius: 0; /* Remove circle shape */ color: cyan; /* Set color to cyan */ }

/* Shift checkbox over to the right on mobile Makes it harder to accidentally click on zoom-in bullet. */.is-mobile .Node:not(.is-currentRoot) .Node-checkbox { margin-left: 8px; margin-right: -16px; } .is-mobile .Node.has-checkbox .Node-contentContainer { margin-left: 18px; margin-right: -14px; }

/* color labels flat */
:root { --transparent: rgba(0,0,0,0); } /* change color labels*/ /* red */ .set-color-label[data-color="1"], .Node-contentContainer.mod-color-label-1 { background: var(--transparent) !important; border-radius: 0; padding-left: 6px !important; border-left: 5px solid #f20866; max-width: 70%; } /* orange */ .set-color-label[data-color="2"], .Node-contentContainer.mod-color-label-2 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #f48c46; border-radius: 0; max-width: 70%; } /* yellow */ .set-color-label[data-color="3"], .Node-contentContainer.mod-color-label-3 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #f9d851; border-radius: 0; max-width: 70%; } /* green */ .set-color-label[data-color="4"], .Node-contentContainer.mod-color-label-4 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #89f279; border-radius: 0; max-width: 70%; } /* blue */ .set-color-label[data-color="5"], .Node-contentContainer.mod-color-label-5 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #75dce6; border-radius: 0; max-width: 70%; } /* purple */ .set-color-label[data-color="6"], .Node-contentContainer.mod-color-label-6 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #c073c1; border-radius: 0; max-width: 70%; }

/* replace icons with bullets */
/*.FolderItem-icon:before { content: "\e90c"; color: rgb(164, 164, 164); }*/ 
.node-tag[title*="#pro"] .DocumentItem-icon:before { content: "\002B"; /* Adds a plus sign before the item */ color: rgb(158, 255, 121); /* Sets the color to a light green */ }
/*.node-tag[title*="#con"] .DocumentItem-icon:before { content: "\2212"; color: rgb(255, 117, 115); }*/

CendaCZ · July 6, 2025, 7:14pm

Here’s current overview of the ~70% of my final Styling part of my system

CendaCZ · July 7, 2025, 3:46pm

Posting CSS as I made significant updates, but still missing three significant features and code/comment consistency - it works for me but it’s far from there yet

/* @import url('https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@125,200..900&display=swap'); */

.is-desktop .Document-rootNode {padding: 0 10px;}
/* .DocumentBreadcrumb, .DocumentBreadcrumb-delimiter {padding: 0 0 0 0; font-family: "Inconsolata", sans-serif; color:  #A7A7A7;} */

.DocumentBreadcrumb {padding: 10px 0 0 0; min-height: 0;}
.DocumentBreadcrumb-delimiter {margin: 0;}
.DocumentTools {margin-top: 18px;}
.node-inline-code {color: #a1a2f2;}

/* condense space around the header.is-mobile .LeftPaneContainer-header { padding: 10px 0 5px 0; }
.node-italics { background-color: #fe888888; } */
/* hide bullets while retaining move functionality.Node-bullet:before { display: none; }*/ 
/* Don't show icon for Dynalist links. */.node-link-internal.is-displayed:before { content: none; }
/* Metadata SYSTEM (coloring) */
.node-tag[title="Filter #asap"],.node-tag[title="Filter #crit"],.node-tag[title="Filter #soon"]{display:inline-block;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;padding-left:7px;padding-right:7px;height:24px;font-weight:400;text-decoration:none}.node-tag[title="Filter #asap"],.node-tag[title="Filter #soon"]{background-color:#20b2aa!important;color:#181818!important}.node-tag[title="Filter #crit"]{background-color:#a1a2f2!important;color:#181818!important}.node-tag[title="Filter #pp"]{display:inline-block;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;padding-left:7px;padding-right:7px;height:24px;background-color:#696969!important;color:#181818!important;font-weight:400;text-decoration:none}.node-tag[title*="#announce"],.node-tag[title*="#ask"],.node-tag[title*="#await"],.node-tag[title*="#below"],.node-tag[title*="#bkup"],.node-tag[title*="#break"],.node-tag[title*="#brief"],.node-tag[title*="#canwait"],.node-tag[title*="#deadline"],.node-tag[title*="#defllist"],.node-tag[title*="#detail"],.node-tag[title*="#dir"],.node-tag[title*="#impo"],.node-tag[title*="#initially"],.node-tag[title*="#key"],.node-tag[title*="#later"],.node-tag[title*="#location"],.node-tag[title*="#metahere"],.node-tag[title*="#move"],.node-tag[title*="#now"],.node-tag[title*="#ppl"],.node-tag[title*="#pub"],.node-tag[title*="#recover"],.node-tag[title*="#rq"],.node-tag[title*="#safe"],.node-tag[title*="#safety"],.node-tag[title*="#solved"],.node-tag[title*="#src"],.node-tag[title*="#today"],.node-tag[title*="#tq"],.node-tag[title*="#try"],.node-tag[title*="#wait"],.node-tag[title*=arch],.node-tag[title*=diss],.node-tag[title*=dyna],.node-tag[title*=finally],.node-tag[title*=finish],.node-tag[title*=lq],.node-tag[title*=mq],.node-tag[title*=opt],.node-tag[title*=solve],.node-tag[title*=task],.node-tag[title*=uhq],.node-tag[title*=ultimate],.node-tag[title*=vhq]{position:relative;display:inline-block;color:transparent;width:1.1em;white-space:nowrap;pointer-events:none;cursor:auto}.node-tag[title*="#await"]::before,.node-tag[title*="#canwait"]::before,.node-tag[title*="#deadline"]::before,.node-tag[title*="#impo"]::before,.node-tag[title*="#initially"]::before,.node-tag[title*="#now"]::before,.node-tag[title*="#safe"]::before,.node-tag[title*="#safety"]::before,.node-tag[title*="#solved"]::before,.node-tag[title*="#src"]::before,.node-tag[title*="#today"]::before,.node-tag[title*="#tq"]::before,.node-tag[title*="#wait"]::before,.node-tag[title*=arch]::before,.node-tag[title*=diss]::before,.node-tag[title*=finally]::before,.node-tag[title*=finish]::before,.node-tag[title*=lq]::before,.node-tag[title*=mq]::before,.node-tag[title*=opt]::before,.node-tag[title*=solve]::before,.node-tag[title*=task]::before,.node-tag[title*=uhq]::before,.node-tag[title*=ultimate]::before,.node-tag[title*=vhq]::before{display:block;content:'';position:absolute;color:#000;width:.6em;height:.6em;border-radius:40%;margin-top:.3em;margin-left:.1em}.node-tag[title*="#deadline"]::before,.node-tag[title*="#now"]::before{background:Red}.node-tag[title*="#await"]::before{background:#5cb85c}.node-tag[title*="#today"]::before{background:#5bc0de}.node-tag[title*="#wait"]::before{background:#466a1f;border:1.6px #0185df solid}.node-tag[title*="#impo"]::before{background:#ffd946}.node-tag[title*="#solved"]::before{background:#97c25b}.node-tag[title*="#canwait"]::before{border:1.6px #b3a98f dashed}.node-tag[title*=diss]::before{background:0 0;border:1.6px #ff4700 dashed}.node-tag[title*=solve]::before{border:1.6px #0185df solid}.node-tag[title*=opt]::before{border:1.6px #0185df dashed}.node-tag[title*=task]::before{border:1.6px #b3a98f solid}.node-tag[title*=finally]::before{border:1.6px #29ca41 dashed}.node-tag[title*=finish]::before{border:1.6px #29ca41 solid}.node-tag[title*=ultimate]::before{border:1.6px #facd46 dotted}.node-tag[title*=uhq]::before{border:1.6px #20b2aa dotted}.node-tag[title*=vhq]::before{border:1.6px #d5ffb1 dotted}.node-tag[title*=mq]::before{border:1.6px #ecaf66 dotted}.node-tag[title*=lq]::before{border:1.6px #9f654e dotted}.node-tag[title*=arch]::before{border:1.6px #ff9f2c dashed}.node-tag[title*="#src"]::before{background:0 0;border:1.6px #838383 dotted}.node-tag[title*="#initially"]::before{background:0 0;border:1.6px #fff dashed}.node-tag[title*="#safe"]::before{background:0 0;border:1.6px #fff dashed}.node-tag[title*="#safety"]::before{background:0 0;border:1.6px #fff solid}.node-tag[title*="#tq"]::before{background:0 0;border:1.6px #fb9ccc dashed}.node-tag[title*="#metable"]::before{background:0 0;border:1.6px #ffed17 dashed}.node-tag[title*=dyna]::before{content:'\221E';width:auto;height:auto;border-radius:0;color:#0ff;font-size:1.1em;margin-top:.2em;margin-left:.1em;margin-right:.2em}.node-tag[title*="#metahere"]::before{content:'\273B';width:auto;height:auto;border-radius:0;color:#facd46;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#later"]::before{content:'\23F1';width:auto;height:auto;border-radius:0;color:#8c8570;font-size:1.1em;margin-top:.2em;margin-left:.1em;margin-right:.2em}.node-tag[title*="#move"]::before{content:'\293E';width:auto;height:auto;border-radius:0;color:#b3a98f;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#ask"]::before{content:'\293E';width:auto;height:auto;border-radius:0;color:#facd46;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#below"]::before{content:'\2939';width:auto;height:auto;border-radius:0;color:#b3a98f;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#break"]::before{content:'\2740';width:auto;height:auto;border-radius:0;color:#79dda2;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#try"]::before{content:'\1F3B2';width:auto;height:auto;border-radius:0;color:#000;font-size:1.1em;margin-top:.2em;margin-left:.1em;margin-right:.2em}.node-tag[title*="#key"]::before{content:'\1F511';width:auto;height:auto;border-radius:0;color:#000;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#ppl"]::before{content:'\1F464';width:auto;height:auto;border-radius:0;color:#000;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#brief"]::before{content:'\2604';width:auto;height:auto;border-radius:0;color:#fff0a1;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#recover"]::before{content:'\21BB';width:auto;height:auto;border-radius:0;color:green;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#rq"]::before{content:'\21BB';width:auto;height:auto;border-radius:0;color:#0f470f;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#defllist"]::before{content:'\00AB\03B4\00BB';width:auto;height:auto;border-radius:0;color:#facd46;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#detail"]::before{content:'\00AB\0394\00BB';width:auto;height:auto;border-radius:0;color:#facd46;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#bkup"]::before{content:'\1F5C3';width:auto;height:auto;border-radius:0;color:#ff9f2c;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#pub"]::before{content:'\269B';width:auto;height:auto;border-radius:0;color:#cdd7e1;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#announce"]::before{content:'\1F4E3';width:auto;height:auto;border-radius:0;color:#000;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#location"]::before{content:'\1F4CD';width:auto;height:auto;border-radius:0;color:#fff0a1;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#dir"]::before{content:'\1F4C1';width:auto;height:auto;border-radius:0;color:#000;font-size:1.1em;margin-top:.2em;margin-left:.1em}.node-tag[title*="#vbval"]{color:#20cea8!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#vbval"]::before{content:none}.node-tag[title*="#crr"]{color:#20cea8!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#crr"]::before{content:none}.node-tag[title*="#prod"]{color:#20cea8!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#prod"]::before{content:none}.node-tag[title*="#invest"]{color:#9073bb!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#invest"]::before{content:none}.node-tag[title*="#itrain"]{color:#8fb397!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#itrain"]::before{content:none}.node-tag[title*="#keep"],.node-tag[title*="#note"],.node-tag[title*="#sponsor"]{color:#facd46!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#keep"]::before,.node-tag[title*="#note"]::before,.node-tag[title*="#sponsor"]::before{content:none}.node-tag[title*="#merge"]{color:#d152a3!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#merge"]::before{content:none}.node-tag[title*="#buyable"]{color:#869f27!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#buyable"]::before{content:none}.node-tag[title="Filter #P"],.node-tag[title="Filter #nomad"]{color:#ff8e29!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title="Filter #P"]::before,.node-tag[title="Filter #nomad"]::before{content:none}.node-tag[title*="#comms"]{color:#5a7baf!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#comms"]::before{content:none}.node-tag[title*="#cost"],.node-tag[title*="#env"],.node-tag[title*="#equip"],.node-tag[title*="#location"],.node-tag[title*="#mod"],.node-tag[title*="#narr"],.node-tag[title*="#sfx"],.node-tag[title*="#story"],.node-tag[title*="#style"],.node-tag[title*="#time"]{color:#fff0a1!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#cost"]::before,.node-tag[title*="#env"]::before,.node-tag[title*="#equip"]::before,.node-tag[title*="#location"]::before,.node-tag[title*="#mod"]::before,.node-tag[title*="#narr"]::before,.node-tag[title*="#sfx"]::before,.node-tag[title*="#story"]::before,.node-tag[title*="#style"]::before,.node-tag[title*="#time"]::before{content:none}.node-tag[title*="#consider"],.node-tag[title*="#music"]{color:#a1a2f2!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#consider"]::before,.node-tag[title*="#music"]::before{content:none}.node-tag[title*="#dl"]{color:#db5757!important;background:0 0!important;font-weight:400;text-decoration:none;display:inline;pointer-events:auto;cursor:auto;width:auto;white-space:normal}.node-tag[title*="#dl"]::before{content:none}.Node.has-tag-bkup>.node-content-wrapper .node-text{color:#696969}.Node.has-tag-srclist>.node-content-wrapper .node-text{color:#696969}
/* +^Use infinity symbol for "dyna" */

/* Shift checkbox over to the right on mobile Makes it harder to accidentally click on zoom-in bullet. */
/*.is-mobile .Node:not(.is-currentRoot) .Node-checkbox { margin-left: 8px; margin-right: -16px; } .is-mobile .Node.has-checkbox .Node-contentContainer { margin-left: 18px; margin-right: -14px; }*/

/* color labels flat */
:root { --transparent: rgba(0,0,0,0); } /* change color labels*/ /* red */ .set-color-label[data-color="1"], .Node-contentContainer.mod-color-label-1 { background: var(--transparent) !important; border-radius: 0; padding-left: 6px !important; border-left: 5px solid #f20866; max-width: 70%; } /* orange */ .set-color-label[data-color="2"], .Node-contentContainer.mod-color-label-2 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #f48c46; border-radius: 0; max-width: 70%; } /* yellow */ .set-color-label[data-color="3"], .Node-contentContainer.mod-color-label-3 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #f9d851; border-radius: 0; max-width: 70%; } /* green */ .set-color-label[data-color="4"], .Node-contentContainer.mod-color-label-4 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #89f279; border-radius: 0; max-width: 70%; } /* blue */ .set-color-label[data-color="5"], .Node-contentContainer.mod-color-label-5 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #75dce6; border-radius: 0; max-width: 70%; } /* purple */ .set-color-label[data-color="6"], .Node-contentContainer.mod-color-label-6 { background: var(--transparent) !important; padding-left: 6px !important; border-left: 5px solid #c073c1; border-radius: 0; max-width: 70%; }

/*Disable tag clicking (to edit normally)*/
.node-tag { pointer-events: none;}

/* replace icons with bullets */
/** NODE-PREFIX-ICON-ADJUSTING **/
.Node-self:has(.node-tag[title*="Filter #add"])>.Node-bullet:before{content:"\25CB"!important;bottom:.14rem;position:relative}.Node-self:has(.node-tag[title*="Filter #pro"])>.Node-bullet:before{content:"\0025B2";bottom:.075rem;position:relative;font-size:75%}.Node-self:has(.node-tag[title*="Filter #con"])>.Node-bullet:before{content:"\0025BC";bottom:.075rem;position:relative;font-size:75%}.Node-self:has(.node-tag[title*="Filter #resch"])>.Node-bullet:before,.Node-self:has(.node-tag[title*="Filter #write"])>.Node-bullet:before{content:"\270F"}.Node-self:has(.node-tag[title*="Filter #decide"])>.Node-bullet:before{content:"\270F";color:#facd46}.Node-self:has(.node-tag[title*="Filter #edit"])>.Node-bullet:before{content:"\270F";color:#308fb0}.Node-self:has(.node-tag[title*="Filter #change"])>.Node-bullet:before{content:"\270F";color:#b07730}.Node-self:has(.node-tag[title*="Filter #transon"])>.Node-bullet:before{content:"\00B1";bottom:-.015rem;position:relative}.Node-self:has(.node-tag[title*="Filter #prompt"])>.Node-bullet:before{content:"\2600"}.Node-self:has(.node-tag[title*="Filter #fav"])>.Node-bullet:before{content:"\2606"}.Node-self:has(.node-tag[title*="Filter #2link"])>.Node-bullet:before{content:"\26D3";bottom:.04rem;position:relative}.Node-self:has(.node-tag[title*="Filter #resource"])>.Node-bullet:before{content:"\2609";bottom:.04rem;position:relative;color:#756e58}.Node-self:has(.node-tag[title*="Filter #src"])>.Node-bullet:before{content:"\260D";bottom:.04rem;position:relative;color:#756e58}.Node-self:has(.node-tag[title*="Filter #ctgio"])>.Node-bullet:before{content:"\25EF";bottom:.05rem;position:relative}.Node-self:has(.node-tag[title*="Filter #log"])>.Node-bullet:before{content:"\1F4DC";bottom:.05rem;position:relative}.Node-self:has(.node-tag[title*="Filter #reus"])>.Node-bullet:before{content:"\267C";bottom:.05rem;position:relative;color:#4dc471}.Node-self:has(.node-tag[title*="Filter #document"])>.Node-bullet:before{content:"\1F5CE";bottom:.05rem;position:relative}.Node-self:has(.node-tag[title*="Filter #metable"])>.Node-bullet:before{content:"\221E";font-size:19px;margin:0;bottom:.075rem;position:relative;color:#facd46}

/* Don't print backlink counters. */
@media print { .node-backlink-counter { display: none; } }