joernweissenborn / lcars

CSS Framework to style web pages like the fictional computer operating system of a popular sci-fi franchise.
http://joernweissenborn.github.io/lcars/
MIT License
333 stars 80 forks source link

Define what is 'base' LCARS CSS and what belongs in external files. #19

Open ghost opened 4 years ago

ghost commented 4 years ago

LCARS evolved a little over time. It would be nice to decide how to divide the newer styles from the original. Personally, I think this project should include anything in LCARS from TNG Enterprise D.

But, it's possible this LCARS evolution took place between Season 1 and 7, so I will go through and screenshot. Just to be sure. Also, the bridge, sickbay and engineering changed. Cargo bay also has some funky looking controls. So maybe the joernweissenborn lcars core CSS should have a scope defined?

Anyway, just a suggestion. I'll have a more full presentation to make in time that might make these decisions easier to make (or dismiss) :)

joernweissenborn commented 4 years ago

So, my plan so far is the following:

There is this color palette I just found in a lcars guide which has been afaik taken down. I took the codes from (here)[https://codepen.io/Mokurunner/details/eqtHl], but I know this is not the original source. My 'work' was to put th color codes into a webtool I don't remember anymore to translate them to human readable names instead of hexcodes (lcars-navy-blue e.g.).

As I think, with this palette there is a lot of LCARS colors are covered, and composing a 'theme' is left to the user. I think this issue is best tackled by simply say: 'If you want to have Voyager like lcars, you should restrict yourself to this colors' together with enriching the color palette.

In the end people will argue anyway which are the 'correct' colors, so I think everybody should have it as she likes.

So how to solve it practically:

ghost commented 4 years ago

Personally, I like you're idea to make examples better. That way the colors can still be grouped by series, but as examples/suggestions rather than a more complicated way.

I don't know if my method (using DVD screenshots) will yield accurate colors yet. In some cases for example, zooming in on a button shows a few different shades of the same color and an imperfect/human judgement still has to be made. Let's see :)