Stylish colored tags for workflowy

colored_tags.css

/* 
-  CHANGE UP THE TITLE (TAG NAME) & BACKGROUND COLOR 
-  FOR DIFFERENT COLORS: 
   (1) You can use the 147 CSS colors: http://www.colors.commutercreative.com/grid/
   (2) ... or you can use hexidecimal color codes: http://html-color-codes.info/        
https://gist.github.com/willwang-x/07eb654ff01f92d705ce9ef06356f69f
*/ 


[title~="@meeting"] {
    background-color: #6593EA !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@mind"] {
    background-color: #F67280 !important;
	color: #ffffff !important;
    box-shadow: 1px 1px 1px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@recap"] {
    background-color: #FBBB24 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Base-Algos"] {
    background-color: #00aaff !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Q"] {
    background-color: #ff0000 !important;
	color: #140033 !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Done"] {
    background-color: #ffffff !important;
	color: #140033 !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Next"] {
    background-color: #cc66ff !important;
	color: #00331f !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Core"] {
    background-color: #ffbf00 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@routine"] {
    background-color: #a5dcf3 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@palace"] {
    background-color: #ee66aa  !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="@focus"] {
    background-color: #343E5F  !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@anki"] {
    background-color: #46B2D3  !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@today"] {
    background-color: #01E5B4 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@kit"] {
    background-color: #899AA6 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#Base"] {
    background-color: #827C8C !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#TED"] {
    background-color: #ffffff !important;
	color: #e62b1e !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="#Maps"] {
    background-color: #37AE96 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="@map"] {
    background-color: #37AE96 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="@review"] {
    background-color: #F7E35E !important;
	color: #DC1A13 !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}





[title~="#dream"] {
    background-color: #ffbf00 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}



[title~="#p"] {
    background-color: #5BBEFF  !important;
	color: #5BBEFF  !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="#r"] {
    background-color: #FD5955  !important;
	color: #FD5955  !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}



[title~="#y"] {
    background-color: #FDBE41  !important;
	color: #FDBE41  !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="#g"] {
    background-color: #34CA4A  !important;
	color: #34CA4A  !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="#P"] {
    background-color: #ff0000 !important;
	color: #140033 !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}




[title~="#online?"] {
    background-color: #a5dcf3 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#title"] {
    background-color: #a5dcf3 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}


[title~="#手机录像"] {
    background-color: #ffbf00 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}




[title~="#转场效果"] {
    background-color: #ffffff !important;
	color: #e62b1e !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#素材制作"] {
    background-color: #37AE96 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

 
[title~="#hundred!"] {
    background-color: #ffc341 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#t-overtime"] {
    background-color: #040405 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}

[title~="#t-ahead-of-time"] {
    background-color: #01E5B4 !important;
	color: #ffffff !important;
    box-shadow: 0px 0px 0px #424242;
    padding: 2px 3px 2px !important;
}