Jan 112012
 
  1. LXNPNC:  in  http://1.JotHere.com, Color Scheme (set in local Suffusion -> Skinning
    1. LXNPGA: Problem:  (present setting=Minima) is general-purpose & most similar to Wikipedia but boring, being white-on-black and with few accent colors.
    2. LXNVFX: In -> Theme selection
      1. LXNPQ5For a web site, especially Web 2.0, having light text on a dark background) instead of the reverse
        1. LXNQ0R: Probably ~10% of websites do this, but the popularity seems to be increasing.
        2. LXNQ2K: Sites which do it include:
          1. LXNQ50http://NodeJs.Org –up-and-coming-per-Google trends most-popular server-side JavaScript
          2. LXNQ6U: Band websites.
          3. LXNRH6: Microsoft Office >2007 (as ExWeb 4) switched to this for its tool bars.
        3. LXNQ97:  PRO: Looks distinctive & cool.
        4. LXNQ7V: PRO: saves notable energy for screen display, especially important when doing much reading on mobile phones, as is increasingly popular.
        5. LXNQA9: PRO: it takes a lot less color accents to get attention,
          1. LXNQCB: Key for a general purpose site where much of the only “theme” color is added by the posts themselves.
        6. LXNTFR: SMALL PRO: can be better, possibly much better, read in situations where one wouldn’t want the light of the screen to be seen by others, such as in:
          1. LXNTJB: a darkened room (as a theater), during say a movie or play, where one wouldn’t want to disturb others with the screen light.
          2. LXNTM4: a darkened room in which others are sleeping.
          3. LXNTK7: a combat situation at night where one wants keep hidden
          4. LXNTOR: when one wanted to work within a vehicle at night without attracting the attention of outsiders (seeing light coming out of it), as which often happens when one lives within a vehicle.
        7. LXNQDG: (Decreasing) CON: Does not look like a big organization, esp. given they (as Wikipedia, Google, & Facebook, etc) do the reverse.
          1. LXNQY9: This seems to be of decreasing importance as we increasing celebrate the individual, focus on Web 2.0 sites (everyone contributes), and now grass-roots organizations as Occupy movement.
        8. LXNQFJ:  (Decreasing) CON: Does NOT readily print on paper.
          1. LXNQIB: Print either
            1. LXNQR4: loose WYSIWYG (most browsers will make the background white since ink would be way too costly)
            2. LXNQRG:  Use enormous amount  of ink & likely bleed
            3. LXNQRP:  Require rare & expensive printers & supplies (as printing white paint on black paper)
          2. LXNQSN: In many ways, this now seems an advantage as, with wide-spread web browsers (even on phones), one DOESN’T want content on paper where it goes out-of-date, is non-interactive, and can’t track usage & generate revenue from ads and/or subscriptions.
        9. LXNR27: For http://1.JotHere.com I decide to give it my vote!
      2. LXNS78: Sort & pick all notable available color themes, from best to worst:
        1. LXNSF0: MOSTLY PRO (shared by each unless noted): the rank here interestingly already entirely/mostly matches the rank by Suffusion:
          1. “Green on a dark theme (Default)”
          2. “Pale Blue on a dark theme”
          3. “Royal Blue on a dark theme”
          4. (many in between)
          5. “Photonique”
          6. “Minima”
        2. LXNSCA“Green on a dark theme (Default)”
          1. LXNSCQ: NOTABLE PRO: goes with modern & increasing trend of “Being Green”
          2. LXNSJU: SMALL PRO: green matches the the green already coincidentally used on JotHere business cards.
          3. LXWZFJ:  SMALL-TINY PRO: trending http://NodeJs.Org (mentioned above) uses shades of green for much of its text.
          4. LXNSQX: SMALL-TINY PRO: Green matches the Dreamhost Hosting icon planned "(Dreamhost Green Hosting) this site is GREEN"
          5. LXNSLA: Tiny PRO: green matches the years used logo subtitle ” • Powered by YOU! • “
          6. LXNSDY FIXABLE CON: Unvisited link color is too dark of a Green (stands out too much)
          7. LXNSPR:  FIXABLE CON: site title is too dark of green.
          8. LXNUUSnow pick this.
        3. LXNTTM: “Royal Blue on a dark theme”
          1. LXNU58: NOTABLE PRO: Royal Blue is sexy & positive & high-tech, though not quite as universal & overall-innocent & overall-positive as green.
          2. LXNU58::FIXABLE CON: Site title needs to be in this color.
          3. LXNU7G:: FIXABLE CON: Links need to be in say “Pale blue” else too overwhelming.
        4. LXNU8C: “Pale Blue on a dark theme”
          1. LXNTTV: PRO: Pale blue is a pleasing color, similar to (Royal Blue LXNU58) but without the drawbacks, but also feels a bit weak.
        5. LXNU8Z: “Photonique”
          1. LXNUL9: PRO: Light royal blue is attractive similar to (Royal Blue LXNU58).
          2. LXNUM1:  PRO: adds a little more width due to lack of (complex column spacers used by “on a dark theme” versions as  LXNSCA) 
          3. LXNUHC: SEMI-NOTABLE CON: Ornate section title underlines waste space and are (a limited top-match being Gothic)
          4. LXNUAI:  NOTABLE CON: Oppressive with no divider between columns and 100% black-background (plus Gothic title underlines)
        6. LXNUBM: “Minima” (present) & other light-on-dark
          1. LXNUBS: VERY NOTABLE CON: have (the notable overall drawbacks of light-on-dark LXNPQ5)
    3. LXNVGY: In Typography:
      1. LXNVIP: In Body Fonts:
        1. In Link Color
          1. fr=#528f6c which (is too dark LXNSDY)
          2. to=#87EBB1;
          3. LXNZGS:   submit but didn’t seem to change.
          4. pause
          5. undone at
        2. LXOMX6: Discover “Default or custom font styles?” must be set to “Custom styles” before any of these settings apply, but then they ALL must apply so all must be set. That’s annoying.
        3. LXON8K: in Suffusion_fix__LXNN1A.css  appended
          a {
          color: #528F6C/* per LXON8K to override http://2.loverules.info/wp-content/themes/suffusion/skins/dark-theme-green/skin.css?ver=3.9.6*/;
          }
        4. LXONCM: Testing still needed.
    4. LXOROK: The spacing of the new theme is wasteful.
      1. LXORPE: It’s too hard to figure out all the settings in Suffusion and seems many may not exist.
      2. LXOSCJ: Instead use Chrome F12 to figure out what to change and do this:
        #wrapper /*from http://2.loverules.info/wp-content/themes/suffusion/style.css?ver=3.9.6 */{
        margin: 0px auto/*LXOPEJ=(fr=20px)(to=0px) as this just wastes space at top*/;
        padding: 0px/*LXOPEZ=(fr=10px)(to=0px) as this appears a bug forcing width */;
        }
        #header /*from http://2.loverules.info/wp-content/themes/suffusion/style.css?ver=3.9.6 */{
         height: auto/*(fr=55px)(to=auto) as I see no point in forcing it bigger */;
         padding: 1.3em/*LXOPOQ=(fr=15px 0)(to=1.3em) as prior was not symmetrical and new matches indent of post.*/;
        }
        /*LXOQHB=the (
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        }) contributes to having the horizontal scroll bar appear. Possibly inner-elements with margins. */
          1. TO BE CONTINUED SOON

87EBB1

  3 Responses to “http://2.loverules.info/wp-admin/themes.php Suffusion Color Scheme: fr “Minima” to “Green on a dark” LXNPF1”

  1. When selecting accent colors for a document, in many cases the accent color will be used in shades from light to dark. Common examples would be use of a light-colored panel (a “tint box”) behind text or a graphic — or use of light-colored text in a dark field. Such shading tends to limit the colors available to the designer, most notably all but eliminating red and purple.

    Why? Because in lighter tones, red and purple change gender from neutral to feminine. Red becomes pink, and purple becomes lavender — colors that are not gender-neutral in our culture. Safer colors to work with are green, blue, brown, and orange. All work in light shades — though orange can be tricky. Other very pleasing options arise with the use of gray tinged with any color.

    Yellow — the remaining color on the spectrum — poses a new set of limitations and is best avoided if your design requires both dark and light effects. Yes, yellow is gender-neutral, but even the darkest yellow is too light to produce readable text, even in headlines, unless you outline or “shadow” the text with gray or black. Another solution is to use yellow that has tones of another color, such as orange, green, or brown. The dark tones can then be dark enough to carry the message.

    These are just some thoughts based on years of experience trying to introduce a second color into low-budget, two-color print jobs. No such limitation exists today on the web, of course, but “less is (STILL) more.” Good design usually results from restrained but varied use of just a few elements. So, even if the rainbow is available at no extra charge, it may not be your best choice — any more than using 5, 10, or 100 different typefaces (also freely available on the web) would be a good idea.

  2. Don’t like the theme choices? See overriding the theme choices.

  3. […] instance, here’s the thinking which went into the debatable but intentional choice of a black-background with white/l… -post your feedback on that […]