Moiety Colors: Wow

[DanielH]

There is also the out-of-universe purpose of making the Daily Reports, New Thread posts, etc. easier to skim. I barely use that purpose, but I can see colors not being useful for that. Color coding does not work that well in a lot of cases. The two cases Jalapeno mentions happen to be ones where it can work.

[Kappa]

I find the colours useful in the Daily Reports. I very rarely have to check the key; most often, the character name and the colour combined are enough to narrow down who the author must be.

[Marri]

@Kappa Oh, yeah for sure, was trying to emphasize "to me" to be like... this is definitely currently a me thing? It is still useful to other people or this thread wouldn't exist. I should probably not post when already braindead from work, I am sorry I phrase poorly.

@jalapeno 1 is the case I'm most interested in solving without colors, since I do agree it's a thing but I'd like a longterm solution for that that doesn't involve turning the Constellation super rainbow*; 2 seems like kind of a non issue to me because except for maybe Effulgence I generally just use Author Pups; I'm proclaiming "skimming meta things like Daily Reports" case 3 and it's one that I again personally don't find as useful; but 2 and 3 get affected by the color thing for 1 so they all wind up lumped together.

*I am already soooo bad at design, and this means I need layouts that support ALL THE COLORS and eep help, just... plzno.

[DanielH]

What was wrong with Kappa’s background color thing? It seems like it could fit in well with most color schemes where the default author box is relatively neutral colored.

[pedromvilar]

I quite liked that suggestion as well

[Marri]

A lot of this has been triggered by looking at Morning Assembly, cause coloring those boxes for me and Throne3d gets us... well, redder than before, but not really any more differentiated xD

[DanielH]

You would be more differentiated if Throne3d’s userboxes, in addition to being redder, had a palatinate border. Or if they were that color instead of being redder.

[Throne3d]

You would be more differentiated if Throne3d’s userboxes, in addition to being redder, had a palatinate border. Or if they were that color instead of being redder.

Which is definitely something in favor of the primary and secondary colors.
Okay, so, this is just an example that really... doesn't look... too great... http://puu.sh/orMKL/3fe8902833.png
But even if the main colors are similar, a 3-pixel border of a secondary color should definitely help to distinguish stuff?

Code

---

It's done by adding the applicable moiety name to the post-info-box and then the following CSS (and has not been automated):

Code: Select all

.post-info-text { background-color: #CECECE; }
.post-info-box {
	border: solid 3px #CDCDCD; 
	border: solid 3px rgba(0, 0, 0, 0.1); 
}

.post-info-box.throne3d {
	border: solid 3px #682860;
	border: solid 3px rgba(104, 40, 96, 0.7);
}
.post-info-box.throne3d .post-icon {
	background-color: #960018;
	background-color: rgba(150, 0, 24, 0.4);
}
.post-info-box.throne3d .post-character { background-color: rgba(150, 0, 24, 0.3); }
.post-info-box.throne3d .post-screenname { background-color: rgba(150, 0, 24, 0.25); }
.post-info-box.throne3d .post-author { background-color: rgba(150, 0, 24, 0.2); }

.post-info-box.marri .post-icon {
	background-color: #BF4040;
	background-color: rgba(191, 64, 64, 0.4);
}
.post-info-box.marri .post-character { background-color: rgba(191, 64, 64, 0.3); }
.post-info-box.marri .post-screenname { background-color: rgba(191, 64, 64, 0.25); }
.post-info-box.marri .post-author { background-color: rgba(191, 64, 64, 0.2); }

(That's a border around the whole box with a 10% opacity black, a border around my box with my secondary color at 70% opacity, a background to the icons with our primary colors at 40% opacity, and then the detail boxes are at 30%, 25% and 20% opacity in descending order, with a background color of #CECECE to standardize how it looks.)

I think Kappa already did an example thing like this? It could definitely make the constellation look somewhat... rainbowish.

Alternatively this: http://puu.sh/orNLf/27b4f35645.png (and with double primaries: http://puu.sh/orNOH/563537f176.png)
Or this: http://puu.sh/orOcQ/29df0fd91f.png

The last few aren't as easily distinguished, though.

Code

---

(CSS for the last one, if you add the appropriate moiety classes to the "post-info-box" element and create a "post-author-moiety" element prior to the anchor tag in "post-author"):

Code: Select all

.post-author-moiety {
	float: left;
	width: 0.75em;
	height: 1.1em;
}
.post-info-box.throne3d .post-author-moiety {
	background-color: rgb(150, 0, 24);
	border: solid 2px rgb(104, 40, 96);
}
.post-info-box.marri .post-author-moiety {
	background-color: rgb(191, 64, 64);
	border: solid 2px #868686;
}

[pedromvilar]

What if the secondary replaced the primary instead of complementing it, when the author wants it to? So throne could choose that thread to have palatinate backgrounds for his posts instead

[Kappa]

I think "replacing primary instead of complementing it" just brings us back to "colourspace is too small for glowfic".

Maybe it's time for me to come up with some primary/secondary author infocards...