emacs-orgmode
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

Re: [Orgmode] Colors for pre elem. on orgmode.org


From: Carsten Dominik
Subject: Re: [Orgmode] Colors for pre elem. on orgmode.org
Date: Mon, 16 Nov 2009 16:56:54 +0100


On Nov 16, 2009, at 2:15 PM, Sebastian Rose wrote:

Carsten Dominik <address@hidden> writes:
Hi Sebastian,

can you point to a page where you think the stuff is badly readable?

- Carsten

Yes - sorry.

http://orgmode.org/worg/org-contrib/org-protocol.php#open-source-rewritten-urls

I sort-of see what you mean, but in fact these are the standard Emacs colors for a white background.

I can make a CSS with black background colors if that is what is wanted, or I will consider CSS made by someone better at this stuff than I am.

Basically, define your faces and then execute org-export-htmlize- generate-css

- Carsten




 Sebsatian




On Nov 15, 2009, at 8:08 PM, Sebastian Rose wrote:

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


_______________________________________________
Emacs-orgmode mailing list
Remember: use `Reply All' to send replies to the list.
address@hidden
http://lists.gnu.org/mailman/listinfo/emacs-orgmode

- Carsten



--
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sebastian  Rose      Fachinformatiker / Anwendungsentwicklung
Viktoriastr. 22      Entwicklung von Anwendungen mit freien Werkzeugen
30451  Hannover      und Bibliotheken.

0173  83 93 417      address@hidden         address@hidden
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

- Carsten







reply via email to

[Prev in Thread] Current Thread [Next in Thread]