Theseus Visual Style

[Larz Shinola]

Hi Thomas,

I'm a designer on Brackets and would like to make a pull request to make Theseus's visual style closer to Brackets but I have a question regarding the use of colors; I'm not sure what the colors and shapes stand for and the thing I want to do is to ruin the extension by messing things up unknowingly. Could you point me to those info?

Theseus is so awesome >___<

Thanks,

L

[Tom Lieber]

Thanks! :) And graphic design work would be greatly appreciated! I've done what I can, but I know it could be a lot better.

... I hope Google Groups will allow me some attached images. ...

I call the guys containing the call counts "pills": 

Pills toggle between selected:  and deselected: 

But they're tinted red if that function has ever thrown an exception. Selected:  and deselected: 

When a pill is selected, it gets assigned a glyph. In that first example the glyph was a red square, and in the exception example the glyph was a green circle. The glyph serves as an identifier for the function that carries over into the log:

Items in the log from Node.js get a green background. Items from Chrome get a yellow background.

I've found that the circles and squares look like they're supposed to indicate something rather than just serve as identifiers. When a function randomly gets assigned a red circle, for example, people sometimes think it means something bad happened in the function. So Theseus should probably use another system.

I feel like that was comprehensive, but let me know if I didn't actually answer your question!

--
You received this message because you are subscribed to the Google Groups "Theseus Discuss" group.
To unsubscribe from this group and stop receiving emails from it, send an email to theseus-discu...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

--
Tom Lieber
http://AllTom.com/
http://infinite-sketchpad.com/

[Larz Shinola]

Ahh that makes sense now. What about 

colors = "#8DD3C7 #FFFFB3 #BEBADA #80B1D3 #FDB462 #B3DE69 #D9D9D9 #BC80BD #CCEBC5 #FFED6F".split(" ");

in FileCallGraphPanel.js 

Are they supposed to match the glyphic identifiers?

[Tom Lieber]

Yeah, that's the palette.

[Lawrence Hsu]

Ok got it. Thanks again~