LCARS Text Bar
HTML:
<div class="lcars-text-bar">
<span>hello world</span>
</div>
Display Text at End of Bar
HTML:
Simply add the class *the-end*.
<div class="lcars-text-bar the-end">
<span>hello world</span>
</div>
Change Text Color
Note: The method of changing text color depends on the version of LCARS you are using...
Version 24
As you can do with any text in the template, pick a color from the Color Guide and use the class name, but starting with *font-*.
HTML:
<div class="lcars-text-bar">
<span class="font-lilac">hello world</span>
</div>
Pre-Version 24
As you can do with any text in the (pre-version 24) template, pick a color from the Color Guide and use the class name, but starting with *go-*.
HTML:
<div class="lcars-text-bar">
<span class="go-lilac">hello world</span>
</div>