<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>5.3. Skins — Bugzilla 5.0.4 documentation</title> <link rel="stylesheet" href="../_static/bugzilla.css" type="text/css" /> <link rel="stylesheet" href="../_static/pygments.css" type="text/css" /> <script type="text/javascript"> var DOCUMENTATION_OPTIONS = { URL_ROOT: '../', VERSION: '5.0.4', COLLAPSE_INDEX: false, FILE_SUFFIX: '.html', HAS_SOURCE: true, SOURCELINK_SUFFIX: '.txt' }; </script> <script type="text/javascript" src="../_static/jquery.js"></script> <script type="text/javascript" src="../_static/underscore.js"></script> <script type="text/javascript" src="../_static/doctools.js"></script> <link rel="shortcut icon" href="../_static/favicon.ico"/> <link rel="search" title="Search" href="../search.html" /> <link rel="next" title="5.4. Templates" href="templates.html" /> <link rel="prev" title="5.2. Languages" href="languages.html" /> </head> <body> <div class="related" role="navigation" aria-label="related navigation"> <h3>Navigation</h3> <ul> <li class="right" style="margin-right: 10px"> <a href="templates.html" title="5.4. Templates" accesskey="N">next</a></li> <li class="right" > <a href="languages.html" title="5.2. Languages" accesskey="P">previous</a> |</li> <li class="nav-item nav-item-0"><a href="../index.html">Bugzilla 5.0.4 documentation</a> »</li> <li class="nav-item nav-item-1"><a href="index.html" accesskey="U">5. Integration and Customization Guide</a> »</li> </ul> </div> <div class="document"> <div class="documentwrapper"> <div class="bodywrapper"> <div class="body" role="main"> <div class="section" id="skins"> <span id="id1"></span><h1>5.3. Skins<a class="headerlink" href="#skins" title="Permalink to this headline">ΒΆ</a></h1> <p>Bugzilla supports skins - ways of changing the look of the UI without altering its underlying structure. It ships with two - "Classic" and "Dusk". You can find some more listed <a class="reference external" href="https://wiki.mozilla.org/Bugzilla:Addons#Skins">on the wiki</a>, and there are a couple more which are part of <a class="reference external" href="https://github.com/mozilla-bteam/bmo">bugzilla.mozilla.org</a>. However, in each case you may need to check that the skin supports the version of Bugzilla you have.</p> <p>To create a new custom skin, make a directory that contains all the same CSS file names as <code class="file docutils literal"><span class="pre">skins/standard/</span></code>, and put your directory in <code class="file docutils literal"><span class="pre">skins/contrib/</span></code>. Then, add your CSS to the appropriate files.</p> <p>After you put the directory there, make sure to run <code class="file docutils literal"><span class="pre">checksetup.pl</span></code> so that it can set the file permissions correctly.</p> <p>After you have installed the new skin, it will show up as an option in the user's <span class="guilabel">Preferences</span>, on the <span class="guilabel">General</span> tab. If you would like to force a particular skin on all users, just select that skin in the <span class="guilabel">Default Preferences</span> in the <span class="guilabel">Administration</span> UI, and then uncheck "Enabled" on the preference, so users cannot change it.</p> <hr class="docutils" /> <p>This documentation undoubtedly has bugs; if you find some, please file them <a class="reference external" href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Bugzilla&component=Documentation">here</a>.</p> </div> </div> </div> </div> <div class="sphinxsidebar" role="navigation" aria-label="main navigation"> <div class="sphinxsidebarwrapper"> <p class="logo"><a href="../index.html"> <img class="logo" src="../_static/bugzilla.png" alt="Logo"/> </a></p> <h4>Previous topic</h4> <p class="topless"><a href="languages.html" title="previous chapter">5.2. Languages</a></p> <h4>Next topic</h4> <p class="topless"><a href="templates.html" title="next chapter">5.4. Templates</a></p> <div id="searchbox" style="display: none" role="search"> <h3>Quick search</h3> <form class="search" action="../search.html" method="get"> <div><input type="text" name="q" /></div> <div><input type="submit" value="Go" /></div> <input type="hidden" name="check_keywords" value="yes" /> <input type="hidden" name="area" value="default" /> </form> </div> <script type="text/javascript">$('#searchbox').show(0);</script> </div> </div> <div class="clearer"></div> </div> <div class="related" role="navigation" aria-label="related navigation"> <h3>Navigation</h3> <ul> <li class="right" style="margin-right: 10px"> <a href="templates.html" title="5.4. Templates" >next</a></li> <li class="right" > <a href="languages.html" title="5.2. Languages" >previous</a> |</li> <li class="nav-item nav-item-0"><a href="../index.html">Bugzilla 5.0.4 documentation</a> »</li> <li class="nav-item nav-item-1"><a href="index.html" >5. Integration and Customization Guide</a> »</li> </ul> </div> <div class="footer" role="contentinfo"> Created using <a href="http://sphinx-doc.org/">Sphinx</a> 1.6.6. </div> </body> </html>