TNG Color Scheme

My favorite FireFox plugin of all time, ColorZilla, now has the ability to analyze the colors of a web page and create a corresponding palette.

Here’s a sampling of out of the box color scheme for TNG  pages with default styles governed by genstyle.css:
tng_color_default

I’m not sure what the rhyme or reason was for the choice of colors.

Let’s “pick” it apart:

#343399- dark blue

a (color) selected by a:link, a:active in genstyle.css (line 53)
a:hover (color) selected by a:link, a:active in genstyle.css (line 53)
a.snlink (color) selected by a:link, a:active in genstyle.css (line 53)
a.footer (color) selected by a:link, a:active in genstyle.css (line 53)
a.footer:hover (color) selected by a:link, a:active in genstyle.css (line 53)

#333365 – midnight blue

p.header (color) selected by .header in genstyle.css (line 22)
a.snlink:hover (background-color) selected by a.snlink:hover, .snlinkact in genstyle.css (line 398)
td.fieldnameback fieldname (background-color) selected by .fieldnameback in genstyle.css (line 63)

#E0E1F6 – pale blue

li.drop (background-color) selected by #mnav li in genstyle.css (line 210)
li.drop (border-top-color) selected by #mnav li in genstyle.css (line 210)
a.snlink (background-color) selected by .snlink in genstyle.css (line 387)
td.databack (background-color) selected by .databack in genstyle.css (line 71)

#666634 – olive

a (color) selected by a:visited in genstyle.css (line 58)
a:hover (color) selected by a:visited in genstyle.css (line 58)

#FFCC00/#FFCC33 – yellow

a.lightlink:hover (color) selected by a.lightlink:hover, a.lightlink:active in genstyle.css (line 112)

#FFFFFF -  white

body (background-color) selected by body in genstyle.css (line 45)
ul#first (background-color) selected by #mnav li ul in genstyle.css (line 226)
ul#second (background-color) selected by #mnav li ul in genstyle.css (line 226)
ul#third (background-color) selected by #mnav li ul in genstyle.css (line 226)
a.snlink:hover (color) selected by a.snlink:hover, .snlinkact in genstyle.css (line 398)

#000000 – black

body (color) selected by body in genstyle.css (line 45)

One response to “TNG Color Scheme”

  1. jacquei

    how does this work with my site Jodi ?
    please!
    just dropped in to go to paypal and noticed your lovely new design for the website
    its great. Love the colours

Leave a Reply