title: Using color inside separator | fixed width of xmobar command field
body: <p>I have some xmobarrc config</p>
  
  <pre><code>Config { lowerOnStart = False,
           font    = "xft:Terminus-12"
         , bgColor = "#000000"
         , fgColor = "#8080A1"
         , position = Top
         , commands = [ Run Network "eth0" ["-L","0","-H","32","--normal","#429942","--high","#A36666"] 10
                      , Run Cpu ["-L","3","-H","50","--normal","green","--high","red"] 10
                      , Run Memory ["-t","Mem: &lt;usedratio&gt;%"] 10
                      , Run Date "/%a/ %_d.%m.%Y / %H:%M" "date" 10
                      , Run Com "sh" ["~/bin/weather.sh"] "weather" 60
                      , Run StdinReader
                      ]
         , sepChar = "%"
         , alignSep = "}{"
         , template = " %StdinReader% }{  W:&lt;fc=#fce94f&gt;%weather%&lt;/fc&gt; | %cpu% | %memory% | %eth0% | %date%"
         }
  </code></pre>
  
  <p>And I have 2 questions:</p>
  
  <ul>
  <li>If I need a coloring <code>|</code> separator I
  should change all <code>|</code> on
  <code>&lt;fc=#ffffff&gt;|&lt;/fc&gt;</code>, for example. So
  how can I use variable <code>separator =
  &lt;fc=#ffffff&gt;|&lt;/fc&gt;</code> in <code>template</code>?</li>
  <li>Text, that <code>Network</code> and <code>Cpu</code>
  returning, always have a different
  length, so all stroke have different
  size all the time. How can I set
  <code>Network</code>'s text for fixed size?</li>
  </ul>