From mboxrd@z Thu Jan  1 00:00:00 1970
From: Sebastian Rose <sebastian_rose@gmx.de>
Subject: Colors for pre elem. on orgmode.org
Date: Sun, 15 Nov 2009 20:08:50 +0100
Message-ID: <873a4fvc59.fsf@gmx.de>
Mime-Version: 1.0
Content-Type: text/plain; charset=us-ascii
Return-path: <emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org>
Received: from mailman by lists.gnu.org with tmda-scanned (Exim 4.43)
	id 1N9kTX-0005aW-4r
	for emacs-orgmode@gnu.org; Sun, 15 Nov 2009 14:09:27 -0500
Received: from exim by lists.gnu.org with spam-scanned (Exim 4.43)
	id 1N9kTS-0005a3-Ju
	for emacs-orgmode@gnu.org; Sun, 15 Nov 2009 14:09:26 -0500
Received: from [199.232.76.173] (port=37376 helo=monty-python.gnu.org)
	by lists.gnu.org with esmtp (Exim 4.43) id 1N9kTS-0005a0-Gp
	for emacs-orgmode@gnu.org; Sun, 15 Nov 2009 14:09:22 -0500
Received: from mail.gmx.net ([213.165.64.20]:35593)
	by monty-python.gnu.org with smtp (Exim 4.60)
	(envelope-from <sebastian_rose@gmx.de>) id 1N9kTR-0002x5-Ri
	for emacs-orgmode@gnu.org; Sun, 15 Nov 2009 14:09:22 -0500
List-Id: "General discussions about Org-mode." <emacs-orgmode.gnu.org>
List-Unsubscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=unsubscribe>
List-Archive: <http://lists.gnu.org/pipermail/emacs-orgmode>
List-Post: <mailto:emacs-orgmode@gnu.org>
List-Help: <mailto:emacs-orgmode-request@gnu.org?subject=help>
List-Subscribe: <http://lists.gnu.org/mailman/listinfo/emacs-orgmode>,
	<mailto:emacs-orgmode-request@gnu.org?subject=subscribe>
Sender: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
Errors-To: emacs-orgmode-bounces+geo-emacs-orgmode=m.gmane.org@gnu.org
To: Emacs-orgmode mailing list <emacs-orgmode@gnu.org>

Hi,


the colors on orgmode.org are made from an Emacs setup with a dark
background.

Because of the light background on the Web, code examples with syntax
highlighting are hard to read. I even avoid #+BEGIN_SRC and use
#+BEGIN_EXAMPLE instead.


I played a little locally, and found, that the following simple change
makes highlighted source code readable. Just put this in an exported
HTML file, just before the `</head>' tag and keep the original styles in
place, to see the results:


<style type="text/css">
pre {
    background-color:#333333;
    color:white;
}
</pre>

These are just the changed values.



Unfortunately, this changes the appearance significantly. Dark
background for all code.



As an alternative, we could change all foreground colors, in that we
keep the tint, but reduce the brightness of each. That way we would keep
the appearance and have readable code. I've changed the background to be
slightly lighter. Just put this in an exported HTML file, just before
the `</head>' tag and keep the original styles in place, to see the
results:


<style type="text/css">

pre {
    /* only the changed values for <pre> again */
    background-color:#fafafa;

    /* Use bigger font? courier is soo small on my system: */
    font-size:110%;
}


.org-string   { color:#BC2020; }
.org-builtin  { color:#5C2659; }
.org-keyword  { color:#5C128A; }
.org-doc      { color:#754C4C; }
.org-constant { color:#385D5E; }

.org-variable-name { color:#805F11; }
.org-function-name { color:#0000CC; }

</style>



What do you think?

How is the font-size of code on Windows and MAC (Safari)?



  Sebastian