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

2009-11-17 Thread Eric S Fraga
At Mon, 16 Nov 2009 22:33:25 +,
Rick Moynihan wrote:
 For what it's worth I find the lack of contrast here a problem too.
 Though I can read the text, it's not especially pleasant.  I've also
 found something similar in my exports (with a non default colour
 theme), which has led me to use the following STYLE option for source
 code blocks etc...
 
 #+STYLE:style pre { background-color: #191919 } pre { color:
 #FF } /style

I have a similar problem.  The following org-mode snippet:

--8---cut here---start-8---
#+begin_src sh
echo EOF
  This is some input
EOF
#+end_src
--8---cut here---end---8---

generates, upon HTML export, the following code:

--8---cut here---start-8---
pre class=src src-shspan style=color: #b0c4de;echo/span 
lt;lt;EOFspan style=color: #00; font-weight: bold;
  This is some input
EOF
/span/pre
--8---cut here---end---8---

The problem with this is that I find the yellow (00 colour)
illegible on almost every monitor I use.  However, there is no class
nor id that I can adjust a style for the relevant span elements.  Even
if I define some CSS for the src or src-sh classes, these will be
overridden in the spans.  The HTML styles for the spans are hard-coded
in, it would appear.  Or maybe there is something I can configure
somewhere?

I will have a look at the export code later when I get a chance...


___
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


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

2009-11-17 Thread Sebastian Rose
Eric S Fraga ucec...@ucl.ac.uk writes:
 At Mon, 16 Nov 2009 22:33:25 +,
 Rick Moynihan wrote:
 For what it's worth I find the lack of contrast here a problem too.
 Though I can read the text, it's not especially pleasant.  I've also
 found something similar in my exports (with a non default colour
 theme), which has led me to use the following STYLE option for source
 code blocks etc...
 
 #+STYLE:style pre { background-color: #191919 } pre { color:
 #FF } /style

 I have a similar problem.  The following org-mode snippet:


 #+begin_src sh
 echo EOF
   This is some input
 EOF
 #+end_src

 generates, upon HTML export, the following code:


 pre class=src src-shspan style=color: #b0c4de;echo/span 
 lt;lt;EOFspan style=color: #00; font-weight: bold;
   This is some input
 EOF
 /span/pre

 The problem with this is that I find the yellow (00 colour)
 illegible on almost every monitor I use.  However, there is no class
 nor id that I can adjust a style for the relevant span elements.  Even
 if I define some CSS for the src or src-sh classes, these will be
 overridden in the spans.  The HTML styles for the spans are hard-coded
 in, it would appear.  Or maybe there is something I can configure
 somewhere?

 I will have a look at the export code later when I get a chance...


  M-x customize-variable RET org-export-htmlize-output-type RET


Set it to `CSS'


  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


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

2009-11-17 Thread Eric S Fraga
At Tue, 17 Nov 2009 19:17:43 +0100,
Sebastian Rose wrote:

[...]

   M-x customize-variable RET org-export-htmlize-output-type RET
 
 
 Set it to `CSS'


blush
Sigh.  When will I ever learn.  If I think something should be
possible in org-mode, it's already there!
/blush

Thanks for the pointer and it works perfectly (of course)!

eric


___
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


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

2009-11-16 Thread Carsten Dominik

Hi Sebastian,

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

- Carsten

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:#33;
   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:#CC; }

/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





___
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


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

2009-11-16 Thread Sebastian Rose
Carsten Dominik carsten.domi...@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



  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:#33;
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:#CC; }

 /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_r...@gmx.de s.r...@emma-stil.de
~~


___
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


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

2009-11-16 Thread Greg Newman
On my calibrated monitor that's fine for readability

On Mon, Nov 16, 2009 at 8:15 AM, Sebastian Rose sebastian_r...@gmx.dewrote:

 Carsten Dominik carsten.domi...@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



  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:#33;
 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:#CC; }
 
  /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_r...@gmx.de s.r...@emma-stil.de
 ~~


 ___
 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

___
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


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

2009-11-16 Thread Carsten Dominik


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


Carsten Dominik carsten.domi...@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:#33;
  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:#CC; }

/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_r...@gmx.de s.r...@emma-stil.de
~~


- Carsten





___
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


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

2009-11-16 Thread Sebastian Rose
Greg Newman g...@20seven.org writes:
 On my calibrated monitor that's fine for readability

 On Mon, Nov 16, 2009 at 8:15 AM, Sebastian Rose sebastian_r...@gmx.dewrote:


My monitor is not calibrated, but I see all the 1's on
http://www.fotocommunity.de/pc/pc/mypics/572427/display/3843090 so the
contrast is good enough.

I just installed lprof and tried to improve the calibration of my
monitor (which I never had problems with, BTW). But I couldn't enter the
monitor values for Weißpunkt (`white point' ???) and Grundfarben
(`basic colors' ??), because I did not know what to enter there. Set
Gamma and Black Point seems not to work correct (according to photos I
see on the net like the one mentioned above). When I load a photo for
Scanner calibration, the image is distorted - so I don't really know why
to trust that program = uninstalled it again.

There are other programs for calibration, but I don't have colorimeter
at hand. And I don't know anyone who owns such a thing.

I don't know many people, who use calibrated monitors by the way. Just a
few people doing graphics - and even they don't own a colorimeter.


It is a tiny little bit better with bigger fonts (in Opera I see heavier
font - in FF the Courier font is very light - might be a bug), or.

I think we should make it readable for everyone, right? And we should
make as close to the optimum as possible.

Here is what I see on  flickr:
http://www.flickr.com/photos/44727...@n04/4109090241/in/set-72157622816907722/ 


I see this lack of contrast on different hardware, too:

  - Lenovo 500 + Ubuntu 9.04/Windows Vista Business,
  - IYAMA 4 years old attached to a P4 with Debian and NVIDIA driver




 Carsten Dominik carsten.domi...@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



  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:#33;
 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:#CC; }
 
  /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


___
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


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

2009-11-16 Thread Rick Moynihan
2009/11/16 Sebastian Rose sebastian_r...@gmx.de:
 Greg Newman g...@20seven.org writes:
 On my calibrated monitor that's fine for readability

 On Mon, Nov 16, 2009 at 8:15 AM, Sebastian Rose sebastian_r...@gmx.dewrote:


 My monitor is not calibrated, but I see all the 1's on
 http://www.fotocommunity.de/pc/pc/mypics/572427/display/3843090 so the
 contrast is good enough.

 I just installed lprof and tried to improve the calibration of my
 monitor (which I never had problems with, BTW). But I couldn't enter the
 monitor values for Weißpunkt (`white point' ???) and Grundfarben
 (`basic colors' ??), because I did not know what to enter there. Set
 Gamma and Black Point seems not to work correct (according to photos I
 see on the net like the one mentioned above). When I load a photo for
 Scanner calibration, the image is distorted - so I don't really know why
 to trust that program = uninstalled it again.

 There are other programs for calibration, but I don't have colorimeter
 at hand. And I don't know anyone who owns such a thing.

 I don't know many people, who use calibrated monitors by the way. Just a
 few people doing graphics - and even they don't own a colorimeter.


 It is a tiny little bit better with bigger fonts (in Opera I see heavier
 font - in FF the Courier font is very light - might be a bug), or.

 I think we should make it readable for everyone, right? And we should
 make as close to the optimum as possible.

 Here is what I see on  flickr:
 http://www.flickr.com/photos/44727...@n04/4109090241/in/set-72157622816907722/

For what it's worth I find the lack of contrast here a problem too.
Though I can read the text, it's not especially pleasant.  I've also
found something similar in my exports (with a non default colour
theme), which has led me to use the following STYLE option for source
code blocks etc...

#+STYLE:style pre { background-color: #191919 } pre { color:
#FF } /style

Having a darker background colour for source code and example blocks
seems like the sensible thing to do.

R.


___
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