Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

It should be fairly self-explanatory. However, note the use of the .light and .dark classes (lines 13-18) to select an appropriate color for the panel for each of the GUI's themes.

           

 

...

Glue Files

The final piece to the puzzle are the two "glue" files used to patch references to our client-side source into index.html. These files are located in the ~src/main/resources directory.

css.html

This is a short snippet that is injected into index.html. It contains exactly one line:

Code Block
languagexml
<link rel="stylesheet" href="app/view/sample/sample.css">

js.html

This is a short snippet that is injected into index.html. It contains exactly one line:

Code Block
languagexml
<script src="app/view/sample/sample.js"></script>