Re: Colors for pre elem. on orgmode.org

[Carsten Dominik <carsten.dominik@gmail.com>]

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

> Carsten Dominik <carsten.dominik@gmail.com> 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.
>>> Emacs-orgmode@gnu.org
>>> 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      sebastian_rose@gmx.de         s.rose@emma-stil.de
> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

- Carsten