1. Introduction

The Look and Feel of SWEHB is managed using the "Refined for Confluence" plugin from https://www.refined.com/products/sites-for-confluence. SWEHB uses an Advanced Theme customized for NASA which replicates the original look and feel of the SWEHB. 

The MSFC IT group that we use manages all software including the Refined Theme for Confluence. 

2. Theme Configuration

2.1 Themes for Spaces

There is a default Theme that is used in the current version of the SWEHB. Since it is the default, the same header and footer is used for the SWEHBVD and SITE spaces. Older versions of SWEHB have unique themes design for their spaces. Since there are links in the theme unique to the space that they are designed for, it is necessary to these themes so users will not get lost using header links to navigate the version. 

2.2 Theme Details

Each theme is built using code stored in a ZIP file. Work with IT to see the current active ZIP file and the code sections within it. All of the code is in HTML and not very user friendly. It may take some time to find the item of code that needs to be changed. 

2.2.1 top.vm

This contains code for the top of the page. In the section headed "NAVIGATION SECTION FROM ORIGINAL SWEHB" you will find: 

    • Code for the link to NEN
    • CSS code which defines the look of buttons. 
    • A table used for positioning the navigation buttons in the header - in each button there are two "href" commands and a text area which form the the page link for the button. When a button is changed all three places must be changed at the same time. 

For example, if you want to change the "B. Institutional Requirements" button to "X. NASA Requirements" you would make the following changes in the code. 

<td>
<p style="width:100px;" onclick="window.location.href='/display/SWEHBVD/B.+Institutional+Requirements';" onmouseover="this.style.background='white';this.style.cursor='pointer';" onmouseout="this.style.background='#b0e0e6';this.style.cursor='cursor';" class="navitem"><span><a href="/display/SWEHBVD/B.+Institutional+Requirements">B. Institutional Requirements</a></span></p>
</td>

<td>
<p style="width:100px;" onclick="window.location.href='/display/SWEHBVD/X.+NASA+Requirements';" onmouseover="this.style.background='white';this.style.cursor='pointer';" onmouseout="this.style.background='#b0e0e6';this.style.cursor='cursor';" class="navitem"><span><a href="/display/SWEHBVD/X.+NASA+Requirements">X.+NASA+Requirements</a></span></p>
</td>

This all presumes that there is a page called "X. NASA Requirements"  in the space to go to.