diff --git a/workflowy-helper/style.css b/workflowy-helper/style.css index 1fd2229..6ba29fd 100644 --- a/workflowy-helper/style.css +++ b/workflowy-helper/style.css @@ -44,6 +44,10 @@ body { /* .root:not(.board) > .name { */ /* /1* max-width: 800px; *1/ */ /* } */ +.name > .content::before { + margin-right: 4px; +} + body::-webkit-scrollbar { display: none; @@ -119,10 +123,18 @@ body::-webkit-scrollbar { .tagged-GOAL > .notes .innerContentContainer { color: var(--yellow); } - .tagged-GOAL > .name .innerContentContainer { font-weight: bold; } +.tagged-GOAL > .name > .content::before { + content: "🏆"; + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(355deg) brightness(100%) contrast(100%); +} + +.tagged-RESPONSIBILITY > .name > .content::before { + content: "💼"; + filter: invert(50%) sepia(100%) saturate(600%) hue-rotate(315deg) brightness(100%) contrast(300%); +} .tagged-RESPONSIBILITY > .name .innerContentContainer, .tagged-RESPONSIBILITY > .notes .innerContentContainer { @@ -133,6 +145,11 @@ body::-webkit-scrollbar { font-weight: bold; } +.tagged-VISUALISATION > .name > .content::before { + content: "💭"; + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(100deg) brightness(100%) contrast(100%); +} + .tagged-VISUALISATION > .name .innerContentContainer, .tagged-VISUALISATION > .notes .innerContentContainer { color: var(--green); @@ -146,32 +163,66 @@ body::-webkit-scrollbar { .tagged-PROJECT > .name .innerContentContainer { font-weight: bold; } +.tagged-PROJECT > .name > .content::before { + content: "📁"; +} +.tagged-PROJECT.tagged-ACTIVE > .name > .content::before { + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(300deg) brightness(100%) contrast(300%); +} .tagged-PROJECT.tagged-ACTIVE > .name .innerContentContainer, .tagged-PROJECT.tagged-ACTIVE > .notes .innerContentContainer { color: var(--magenta); } +.tagged-PROJECT.tagged-PLANT > .name > .content::before { + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(340deg) brightness(100%) contrast(100%); +} .tagged-PROJECT.tagged-PLANT > .name .innerContentContainer, .tagged-PROJECT.tagged-PLANT > .notes .innerContentContainer { color: var(--orange); } +.tagged-PROJECT.tagged-STALLED > .name > .content::before { + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(120deg) brightness(100%) contrast(100%); +} .tagged-PROJECT.tagged-STALLED > .name .innerContentContainer, .tagged-PROJECT.tagged-STALLED > .notes .innerContentContainer { color: var(--cyan); } +.tagged-PROJECT.tagged-SOMEDAY > .name > .content::before { + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(100%) contrast(100%); +} .tagged-PROJECT.tagged-SOMEDAY > .name .innerContentContainer, .tagged-PROJECT.tagged-SOMEDAY > .notes .innerContentContainer { color: var(--violet); } +.tagged-HABIT > .name > .content::before { + content: "🎒"; + filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(330deg) brightness(100%) contrast(100%); +} + + .tagged-HABIT > .name .innerContentContainer, .tagged-HABIT > .notes .innerContentContainer { color: var(--orange); } +.tagged-TASK > .name > .content::before { + content: "✔️"; +} + +.tagged-TASK.tagged-READY > .name > .content::before { + filter: invert(90%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); +} .tagged-TASK.tagged-READY > .name .innerContentContainer, .tagged-TASK.tagged-READY > .notes .innerContentContainer { color: var(--blue); } +.tagged-TASK.tagged-DAILY > .name > .content::before , +.tagged-TASK.tagged-WEEKLY > .name > .content::before , +.tagged-TASK.tagged-MONTHLY > .name > .content::before , +.tagged-TASK.tagged-IRREGULAR > .name > .content::before { + filter: invert(90%) sepia(100%) saturate(300%) hue-rotate(90deg) brightness(90%) contrast(100%); +} .tagged-TASK.tagged-DAILY > .name .innerContentContainer, .tagged-TASK.tagged-DAILY > .notes .innerContentContainer, .tagged-TASK.tagged-WEEKLY > .name .innerContentContainer, @@ -182,14 +233,26 @@ body::-webkit-scrollbar { .tagged-TASK.tagged-IRREGULAR > .notes .innerContentContainer { color: var(--green); } + +.tagged-TASK.tagged-WAITING > .name > .content::before { + filter: invert(90%) sepia(100%) saturate(300%) hue-rotate(110deg) brightness(90%) contrast(100%); +} .tagged-TASK.tagged-WAITING > .name .innerContentContainer, .tagged-TASK.tagged-WAITING > .notes .innerContentContainer { color: var(--cyan); } + +.tagged-TASK.tagged-BLOCKED > .name > .content::before { + filter: invert(40%) sepia(100%) saturate(300%) hue-rotate(310deg) brightness(90%) contrast(100%); +} .tagged-TASK.tagged-BLOCKED > .name .innerContentContainer, .tagged-TASK.tagged-BLOCKED > .notes .innerContentContainer { color: var(--red); } + +.tagged-TASK.tagged-MAYBE > .name > .content::before { + filter: invert(60%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(90%) contrast(100%); +} .tagged-TASK.tagged-MAYBE > .name .innerContentContainer, .tagged-TASK.tagged-MAYBE > .notes .innerContentContainer { color: var(--violet);