You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
346 lines
8.7 KiB
346 lines
8.7 KiB
: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 { */
|
|
/* /1* max-width: 800px; *1/ */
|
|
/* } */
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.pageContainer {
|
|
max-width: 100vw !important;
|
|
overflow-x: hidden;
|
|
}
|
|
.page {
|
|
margin-right: 0 !important;
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
.mainTreeRoot > .name {
|
|
height: 0 !important;
|
|
}
|
|
|
|
.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: "→";
|
|
}
|
|
|
|
.linked-xGOAL > .name .innerContentContainer,
|
|
.linked-xGOAL > .notes .innerContentContainer {
|
|
color: var(--yellow);
|
|
}
|
|
|
|
.linked-xGOAL > .name .innerContentContainer {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.linked-xRESPONSIBILITY > .name .innerContentContainer,
|
|
.linked-xRESPONSIBILITY > .notes .innerContentContainer {
|
|
color: var(--red);
|
|
}
|
|
|
|
.linked-xRESPONSIBILITY > .name .innerContentContainer {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.linked-xVISUALISATION > .name .innerContentContainer,
|
|
.linked-xVISUALISATION > .notes .innerContentContainer {
|
|
color: var(--green);
|
|
}
|
|
|
|
.linked-xVISUALISATION > .name .innerContentContainer {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.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-PLANT > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-PLANT > .notes .innerContentContainer {
|
|
color: var(--orange);
|
|
}
|
|
.linked-xPROJECT.tagged-STALLED > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-STALLED > .notes .innerContentContainer {
|
|
color: var(--cyan);
|
|
}
|
|
.linked-xPROJECT.tagged-SOMEDAY > .name .innerContentContainer,
|
|
.linked-xPROJECT.tagged-SOMEDAY > .notes .innerContentContainer {
|
|
color: var(--violet);
|
|
}
|
|
|
|
.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(--green) !important;
|
|
}
|
|
.tag-IRREGULAR {
|
|
color: var(--green) !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;
|
|
}
|
|
|
|
.project:not(.linked) > .notes .time-today > .content-wrapper {
|
|
background-color: var(--white) !important;
|
|
color: var(--black);
|
|
}
|
|
|
|
.linked > .name .time-tomorrow > .content-wrapper {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.linked > .name .time-late > .content-wrapper,
|
|
.linked > .name .time-yesterday > .content-wrapper {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.matching-node {
|
|
display: none !important;
|
|
}
|
|
|
|
.project.collapsed:not(.linked) > .name,
|
|
.project.open:not(.linked) > .name,
|
|
.root > .name {
|
|
color: var(--white) !important;
|
|
}
|
|
|
|
.tagged-done > .name > .content,
|
|
.tagged-done > .notes > .content,
|
|
.tagged-done > .name time > span,
|
|
.tagged-missed > .name > .content,
|
|
.tagged-missed > .notes > .content,
|
|
.tagged-missed > .name time > span,
|
|
.tagged-na > .name > .content,
|
|
.tagged-na > .notes > .content,
|
|
.tagged-na > .name time > span {
|
|
/* opacity: 0.5 !important; */
|
|
/* text-decoration: none !important; */
|
|
text-decoration: line-through !important;
|
|
text-decoration-thickness: 2px !important;
|
|
}
|
|
|
|
.tagged-done > .name > .content,
|
|
.tagged-done > .name time > span {
|
|
text-decoration-color: var(--green) !important;
|
|
}
|
|
|
|
.tagged-missed > .name > .content,
|
|
.tagged-missed > .name time > span {
|
|
text-decoration-color: var(--red) !important;
|
|
}
|
|
|
|
.tagged-na > .name > .content,
|
|
.tagged-na > .name time > span {
|
|
text-decoration-color: var(--blue) !important;
|
|
}
|
|
|
|
.tag-new {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.tagged-event > .name > .content > .innerContentContainer,
|
|
.tagged-event > .name > .content > .innerContentContainer > .contentTag {
|
|
background-color: var(--red) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.tagged-reminder > .name > .content > .innerContentContainer,
|
|
.tagged-reminder > .name > .content > .innerContentContainer > .contentTag {
|
|
background-color: var(--blue) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.tagged-gym > .name > .content > .innerContentContainer,
|
|
.tagged-gym > .name > .content > .innerContentContainer > .contentTag {
|
|
background-color: var(--yellow) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.tagged-meeting > .name > .content > .innerContentContainer,
|
|
.tagged-meeting > .name > .content > .innerContentContainer > .contentTag {
|
|
background-color: var(--magenta) !important;
|
|
color: var(--black) !important;
|
|
}
|
|
|
|
.tagged-work > .name > .content > .innerContentContainer {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
|
|
.tagged-plan > .name > .content > .innerContentContainer {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.half-open.tagged-a > .name > .bullet,
|
|
.collapsed.tagged-a > .name > .bullet,
|
|
.tagged-a > .name > .bullet {
|
|
color: var(--red) !important;
|
|
}
|
|
|
|
.half-open.tagged-b > .name > .bullet,
|
|
.collapsed.tagged-b > .name > .bullet,
|
|
.tagged-b > .name > .bullet {
|
|
color: var(--blue) !important;
|
|
}
|
|
|
|
.half-open.tagged-c > .name > .bullet,
|
|
.collapsed.tagged-c > .name > .bullet,
|
|
.tagged-c > .name > .bullet {
|
|
color: var(--green) !important;
|
|
}
|
|
|
|
.half-open.tagged-d > .name > .bullet,
|
|
.collapsed.tagged-d > .name > .bullet,
|
|
.tagged-d > .name > .bullet {
|
|
color: var(--violet) !important;
|
|
}
|
|
|
|
.timed-late:not(.linked) > .name,
|
|
.timed-late:not(.linked) > .notes,
|
|
.timed-late:not(.linked) > .children > .project:not(.timed) {
|
|
opacity: .5 !important;
|
|
}
|
|
|