How can I use my own CSS style in the default trac theme?

I have some problems with my trac installation (version 11.4). What can I do to change some of the colors in the default theme? I found some tips on the net but nothing worked as most of the tips were for version 10.x.

Are there any options in trac.ini or should I add a special xyz.css somewhere in my environment?

Please help me, I don't like the default black and white design;)

+2


source to share


2 answers


Instructions on how to do this for version 0.11 can be found on the Trac site , here is an example from that page that adds custom CSS as well as a header and footer.

Let's say you want to add a link to a custom stylesheet and then your own header and footer. Create file /path/to/env/templates/site.html or / path / to / inherit / option / templates _dir / site.html, with content as follows:



<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      py:strip="">

  <!--! Add site-specific style sheet -->
  <head py:match="head" py:attrs="select('@*')">
    ${select('*')}
    <link rel="stylesheet" type="text/css"
          href="${href.chrome('site/style.css')}" />
  </head>

  <body py:match="body" py:attrs="select('@*')">
    <!--! Add site-specific header -->
    <div id="siteheader">
      <!--! Place your header content here... -->
    </div>

    ${select('*|text()')}

    <!--! Add site-specific footer -->
    <div id="sitefooter">
      <!--! Place your footer content here... -->
    </div>
  </body>
</html>

      

+3


source


Another option is to install Trac Theme .



+2


source







All Articles