LCARS 27 Changelog

Last Updated: October 2, 2026 @ 8:10 AM CDT (UTC -5).

All Templates/Themes

1. Added sound file beep5.mp3 to the assets folder.
2. Added audio5 preload to each HTML template.
3. Updated lcars.js and renamed file to lcars-27.js.
4. Added formatting for ordered lists <ol>.
5. Deleted CSS rules for Firefox, @-moz-document url-prefix(). This browser hack was implemented because Firefox was slow to support the CSS properties text-box-trim & text-box-edge (shorthand text-box).
6. CSS: #topBtn changed bottom padding value from 10vh to 5vh and deleted media query.*

* Excludes Picard theme.

Classic Theme

classic.css

1. Changed --code-color from african-violet to subdued-sienna.

Nemesis Blue Theme

nemesis-blue.css

1. Changed Button 1 color (--nav-1-color) from red-brown to cool. See image below.
2. Changed Button 3 color (--nav-3-color) from leather to honey. See image below.
3. Changed Button 4 animation color change. WAS: pumpkin to cool NOW: pumpkin to copper.

Picard Theme

picard.css

1. Added missing display: block to the img reset.
2. Changed <hr> margin block from 1rem to 2.5rem.
3. Deleted the margins for .lcars-bar to reduce redundancy.
4. Changed .flatside-button-wrapper button, .flatside-button right margin from 0.75rem to 1rem.
5. Added --sidebar: 140px; to :root inside media query @media (width <= 840px).
6. .space-4::before third media query, changed width <= from 720px to 840px.
7. body{} changed padding to one declaration: padding: 0.5rem;.
8. .garnish changed top margin from 1rem to 15px and added a bottom margin with a value of 15px.
9. .garnish::before changed top: value from 4 to 3.
10. .bar-1::before changed top: value from calc(-12px - var(--bar-height)); to calc(-1px - var(--bar-height)); and modified all/most media queries.
11. .bar-1::before media query @media (width <= 840px) added top: calc(-5px - var(--bar-height));.
12. .bar-1::after changed top: value from calc(8px - var(--bar-height)); to calc(2px - var(--bar-height)); and modified all/most media queries.
13. .bar-1::after media query @media (width <= 840px) added top: calc(-2px - var(--bar-height));.
14. .top-display-right deleted bottom margin and all media queries except for @media (width <=720px) { border-bottom-left-radius: 0.75rem; }
15. .top-display deleted overflow: hidden; & width: 100%;.
16. Deleted artifacts from earlier development.
17. .garnish added margin-bottom: 10px; to media query (width <= 1040px).
18. .garnish added margin-top: 10px; to media query (width <= 840px).
19. main deleted top margin.

New Theme

Watch this space.