well now that I think about it your powerpack is applying a style attribute on a node, I could just use a ancestor selector on those individual color tags
/*Make PowerPacks black background work on unique color tags*/
.Node[style] .Node-contentContainer.has-color.mod-color-label-1,
.Node[style] .Node-contentContainer.has-color.mod-color-label-2{
color: white !important;
}
it worked out fine
EDIT: oh wait I messed up all my other color tags now I gotta fix this
this is more specific
/*Make PowerPacks black background work on unique color tags*/
.Node[style^="background: rgb(51, 51, 51)"] .Node-contentContainer.has-color.mod-color-label-1,
.Node[style^="background: rgb(51, 51, 51)"] .Node-contentContainer.has-color.mod-color-label-2{
color: white !important;
}
works fine now
by the way, do you know how to fix this in powerpack?
When I use #s|b:#333|c:white
and add in more nodes it uses black text still
when i reload page it looks correct afterwards