:root { --grey: rgb(158, 161, 162); --white: rgb(255, 255, 255); --dark-grey: rgb(92, 96, 98); --black: rgb(42, 49, 53); --highlight: rgb(47, 55, 60); --yellow: rgb(227, 160, 8); --orange: rgb(255, 138, 76); --red: #F74E5D; /* rgb(249, 128, 128); */ --magenta: rgb(244, 114, 182); --violet: rgb(172, 148, 250); --blue: rgb(56, 189, 248); --cyan: rgb(45, 212, 191); --green: rgb(49, 196, 141); } body { --wf-tag-text-gray: var(--white) !important; --wf-tag-background-gray: var(--white) !important; --wf-tag-text-red: var(--red) !important; --wf-tag-background-red: var(--red) !important; --wf-tag-text-orange: var(--orange) !important; --wf-tag-background-orange: var(--orange) !important; --wf-tag-text-yellow: var(--yellow) !important; --wf-tag-background-yellow: var(--yellow) !important; --wf-tag-text-green: var(--green) !important; --wf-tag-background-green: var(--green) !important; --wf-tag-text-blue: var(--dark-grey) !important; --wf-tag-background-blue: var(--dark-grey) !important; --wf-tag-text-purple: var(--violet) !important; --wf-tag-background-purple: var(--violet) !important; --wf-tag-text-teal: var(--cyan) !important; --wf-tag-background-teal: var(--cyan) !important; --wf-tag-text-sky: var(--blue) !important; --wf-tag-background-sky: var(--blue) !important; --wf-tag-text-pink: var(--magenta) !important; --wf-tag-background-pink: var(--magenta) !important; --wf-tag-text: var(--black) !important; --wf-color-bullet: var(--white) !important; color: var(--grey) !important; } .root:not(.board) > .children, .root:not(.board) > .name { /* max-width: 800px; */ } body::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } .pageContainer { max-width: 100vw !important; overflow-x: hidden; } .page { margin-right: 0 !important; margin-left: 0 !important; } .mainTreeRoot > .name { height: 0 !important; } .name > .content { white-space: nowrap; } .name > .content > .innerContentContainer { overflow: hidden; text-overflow: ellipsis; } .link, .contentTag { color: var(--dark-grey) !important; font-weight: normal !important; } .homeButton > svg { display: none; } .homeButton::after { content: "✞"; font-size: 2em; } .header > :first-child { display: none !important; } .metaMatches * .innerContentContainer, .contentMatch { background: none !important; } .project > .text-sm, .paragraph { margin: 0 !important; } .project .breadcrumbs { position: absolute; z-index: 20; left: 25px; top: -3px; } .project .breadcrumbs > a, .project .breadcrumbs > svg, .project .breadcrumbs > .menu { display: none; } .project * .breadcrumbs > a:last-child { font-size: 0; display: initial !important; } .project * .breadcrumbs > a:last-child::after { font-size: 12px; content: "↗︎"; } /* l0 {{{ */ .linked-xHOTSPOT > .name .innerContentContainer { font-weight: bold; } .linked-xHOTSPOT > .name .innerContentContainer, .linked-xHOTSPOT > .notes .innerContentContainer { color: var(--white); } /* }}} */ /* l1 {{{ */ .linked-xGOAL > .name .innerContentContainer { font-weight: bold; } .linked-xGOAL > .name .innerContentContainer, .linked-xGOAL > .notes .innerContentContainer { color: var(--yellow); } .linked-xRESPONSIBILITY > .name .innerContentContainer { font-weight: bold; } .linked-xRESPONSIBILITY > .name .innerContentContainer, .linked-xRESPONSIBILITY > .notes .innerContentContainer { color: var(--red); } .linked-xSTORY > .name .innerContentContainer { font-weight: bold; } .linked-xSTORY > .name .innerContentContainer, .linked-xSTORY > .notes .innerContentContainer { color: var(--blue); } .linked-xSOMEDAY > .name .innerContentContainer { font-weight: bold; } .linked-xSOMEDAY > .name .innerContentContainer, .linked-xSOMEDAY > .notes .innerContentContainer { color: var(--violet); } /* }}} */ /* l2 {{{ */ .linked-xVISUALISATION > .name .innerContentContainer { font-weight: bold; } .linked-xVISUALISATION > .name .innerContentContainer, .linked-xVISUALISATION > .notes .innerContentContainer { color: var(--red); } .linked-xPROJECT > .name .innerContentContainer { font-weight: bold; } .linked-xPROJECT.tagged-ACTIVE > .name .innerContentContainer, .linked-xPROJECT.tagged-ACTIVE > .notes .innerContentContainer { color: var(--magenta); } .linked-xPROJECT.tagged-ACTIVE.tagged-PLANT > .name .innerContentContainer, .linked-xPROJECT.tagged-ACTIVE.tagged-PLANT > .notes .innerContentContainer { color: var(--orange); } .linked-xPROJECT.tagged-WAITING > .name .innerContentContainer, .linked-xPROJECT.tagged-WAITING > .notes .innerContentContainer { color: var(--cyan); } /* }}} */ /* l3 {{{ */ .linked-xHABIT > .name .innerContentContainer, .linked-xHABIT > .notes .innerContentContainer { color: var(--orange); } .linked-xTASK.tagged-READY > .name .innerContentContainer, .linked-xTASK.tagged-READY > .notes .innerContentContainer { color: var(--blue); } .linked-xTASK.tagged-DAILY > .name .innerContentContainer, .linked-xTASK.tagged-DAILY > .notes .innerContentContainer, .linked-xTASK.tagged-WEEKLY > .name .innerContentContainer, .linked-xTASK.tagged-WEEKLY > .notes .innerContentContainer, .linked-xTASK.tagged-MONTHLY > .name .innerContentContainer, .linked-xTASK.tagged-MONTHLY > .notes .innerContentContainer, .linked-xTASK.tagged-IRREGULAR > .name .innerContentContainer, .linked-xTASK.tagged-IRREGULAR > .notes .innerContentContainer { color: var(--green); } .linked-xTASK.tagged-WAITING > .name .innerContentContainer, .linked-xTASK.tagged-WAITING > .notes .innerContentContainer { color: var(--cyan); } .linked-xTASK.tagged-BLOCKED > .name .innerContentContainer, .linked-xTASK.tagged-BLOCKED > .notes .innerContentContainer { color: var(--red); } .linked-xTASK.tagged-MAYBE > .name .innerContentContainer, .linked-xTASK.tagged-MAYBE > .notes .innerContentContainer { color: var(--violet); } /* }}} */ .tag-DAILY { color: var(--blue) !important; } .tag-WEEKLY { color: var(--green) !important; } .tag-MONTHLY { color: var(--cyan) !important; } .tag-IRREGULAR { color: var(--violet) !important; } .tag-WORK { color: var(--red) !important; } .tag-RELAX { color: var(--yellow) !important; } .linked > .name .time > .content-wrapper { color: var(--grey) !important; } .linked > .name .time-today > .content-wrapper { color: var(--yellow) !important; } .linked > .name .time-tomorrow > .content-wrapper { color: var(--violet) !important; } .linked > .name .time-late > .content-wrapper { color: var(--red) !important; } .matching-node { display: none !important; }