diff --git a/workflowy-helper/style.css b/workflowy-helper/style.css
index 6ba29fd..d122cb8 100644
--- a/workflowy-helper/style.css
+++ b/workflowy-helper/style.css
@@ -127,13 +127,13 @@ body::-webkit-scrollbar {
 	font-weight: bold;
 }
 .tagged-GOAL > .name > .content::before {
-	content: "🏆";
-	filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(355deg) brightness(100%) contrast(100%);
+	content: "♥︎";
+	color: var(--yellow);
 }
 
 .tagged-RESPONSIBILITY > .name > .content::before {
-	content: "💼";
-	filter: invert(50%) sepia(100%) saturate(600%) hue-rotate(315deg) brightness(100%) contrast(300%);
+	content: "✦";
+	color: var(--red);
 }
 
 .tagged-RESPONSIBILITY > .name .innerContentContainer,
@@ -146,8 +146,8 @@ body::-webkit-scrollbar {
 }
 
 .tagged-VISUALISATION > .name > .content::before {
-	content: "💭";
-	filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(100deg) brightness(100%) contrast(100%);
+	content: "☁︎";
+	color: var(--green);
 }
 
 .tagged-VISUALISATION > .name .innerContentContainer,
@@ -164,31 +164,35 @@ body::-webkit-scrollbar {
 	font-weight: bold;
 }
 .tagged-PROJECT > .name > .content::before {
-	content: "📁";
+	content: "⚑";
 }
 .tagged-PROJECT.tagged-ACTIVE > .name > .content::before {
-	filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(300deg) brightness(100%) contrast(300%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(300deg) brightness(100%) contrast(300%); */
+	color: var(--magenta);
 }
 .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%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(340deg) brightness(100%) contrast(100%); */
+	color: var(--orange);
 }
 .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%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(120deg) brightness(100%) contrast(100%); */
+	color: var(--cyan);
 }
 .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%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(100%) contrast(100%); */
+	color: var(--violet);
 }
 .tagged-PROJECT.tagged-SOMEDAY > .name .innerContentContainer,
 .tagged-PROJECT.tagged-SOMEDAY > .notes .innerContentContainer {
@@ -196,8 +200,9 @@ body::-webkit-scrollbar {
 }
 
 .tagged-HABIT > .name > .content::before {
-	content: "🎒";
-	filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(330deg) brightness(100%) contrast(100%);
+	content: "↻";
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(330deg) brightness(100%) contrast(100%); */
+	color: var(--orange);
 }
 
 
@@ -207,11 +212,13 @@ body::-webkit-scrollbar {
 }
 
 .tagged-TASK > .name > .content::before {
-	content: "✔️";
+	/* content: "✔️"; */
+	content: "✓";
 }
 
 .tagged-TASK.tagged-READY > .name > .content::before {
-	filter: invert(90%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(160deg) brightness(90%) contrast(100%); */
+	color: var(--blue);
 }
 .tagged-TASK.tagged-READY > .name .innerContentContainer,
 .tagged-TASK.tagged-READY > .notes .innerContentContainer {
@@ -221,7 +228,8 @@ body::-webkit-scrollbar {
 .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%);
+	content: "↻";
+	color: var(--green);
 }
 .tagged-TASK.tagged-DAILY > .name .innerContentContainer,
 .tagged-TASK.tagged-DAILY > .notes .innerContentContainer,
@@ -235,7 +243,7 @@ body::-webkit-scrollbar {
 }
 
 .tagged-TASK.tagged-WAITING > .name > .content::before {
-	filter: invert(90%) sepia(100%) saturate(300%) hue-rotate(110deg) brightness(90%) contrast(100%);
+	color: var(--cyan);
 }
 .tagged-TASK.tagged-WAITING > .name .innerContentContainer,
 .tagged-TASK.tagged-WAITING > .notes .innerContentContainer {
@@ -243,7 +251,7 @@ body::-webkit-scrollbar {
 }
 
 .tagged-TASK.tagged-BLOCKED > .name > .content::before {
-	filter: invert(40%) sepia(100%) saturate(300%) hue-rotate(310deg) brightness(90%) contrast(100%);
+	color: var(--red);
 }
 .tagged-TASK.tagged-BLOCKED > .name .innerContentContainer,
 .tagged-TASK.tagged-BLOCKED > .notes .innerContentContainer {
@@ -251,7 +259,8 @@ body::-webkit-scrollbar {
 }
 
 .tagged-TASK.tagged-MAYBE > .name > .content::before {
-	filter: invert(60%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(90%) contrast(100%);
+	/* filter: invert(50%) sepia(100%) saturate(300%) hue-rotate(210deg) brightness(90%) contrast(100%); */
+	color: var(--violet);
 }
 .tagged-TASK.tagged-MAYBE > .name .innerContentContainer,
 .tagged-TASK.tagged-MAYBE > .notes .innerContentContainer {