Skip to content

Star Trek Picard LCARS theme for Pi-hole dashboard. Animated, cool and written from scratch.

License

Notifications You must be signed in to change notification settings

MichalSvatos/pi-hole-star-trek-picard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pi-hole Star Trek Picard LCARS Theme


Pi-hole Star Trek Picard LCARS Theme

LCARS Theme for Pi-hole dashboard. Written completely from scratch.

ℹ️ Officially part of the Pi-hole project

Since web v5.21 you can choose new Star Trek Picard LCARS theme (dark) in SETTINGS/WEB INTERFACE.


Manual installation

Type the following commands into SSH, line by line to install the newest version.

cd /var/www/html/admin/style/themes/
sudo git clone https://github.com/MichalSvatos/pi-hole-star-trek-picard.git
sudo rm -f lcars-picard.css
sudo cp pi-hole-star-trek-picard/lcars-picard.css .
sudo rm -rf pi-hole-star-trek-picard

⚠️ Check the trailing " ." on the 3rd line (it's not a typo - it means copy to current directory).

ℹ️ For WEB INTERFACE version older than 5.21, use lcars.css in the code above. That will replace the original blue LCARS theme.

Uninstall/Revert

Type the following commands into SSH, line by line.

cd /var/www/html/admin/style/themes/
sudo git reset --hard

Docker installation

Run the same commands directly in the container as shown here.

Preview

Pi-hole Star Trek Picard LCARS Theme Dashboard Preview

Gecko browsers (Firefox, Mullvad, LibreFox ... )

  • Some cosmetics, such as login error and same height of the top tables on dashboard, don't work due to the lack of :has() support

Do you prefer more colorful LCARS?

Check my other theme Pi-hole LCARS Next Generation Theme


Changelog

1.4.3

  • FIX - checkboxes & radios class refactoring
  • FIX - removed "LCARS theme by @MichalSvatos" from main menu
  • FIX - button alignment in TOOLS/AUDIT LOG table

1.4.2

  • FIX - checkboxes and radios for both lcars classes
  • FIX - more general selector for footer styling .list-inline --> ul[class*="list-"]
  • FIX - alert colors, border-radius and close button styling

1.4.1

  • FIX - colored log has actually colors
  • FIX - menu and login buttons tweaks (padding + overflow, ellipsis)

1.4.0

  • A couple of changes I made to unify the coding standards with the Pi-hole/AdminLTE (see announcement)
    • NEW - Tabs → spaces
    • NEW - Added .editorconfig
  • FIX - The height of the QUERY TYPES and UPSTREAM SERVERS graph box on the dashboard is now dynamic + mobile version update
  • FIX - Sidebar spacing and round corners while using fluid layout
  • FIX - Notification number in the header aligned properly to the side
  • FIX - Network table hostname link color (for better readability)
  • FIX - FOOTER on Docker version (shameless self promo removed)
  • FIX - added min-height to .content to avoid incorrect footer position when TOOLS menu is open
  • FIX - corrected position of the "timer" number in the right corner (boxed vs fluid layout)
  • FIX - showed icons in the 4 status boxes on dashboard on mobile

1.3.2

  • Add color-scheme: dark to avoid problems with browser's "Force dark mode" option (copy of the commit 7c2ebef )

1.3.1

  • FIX - Scrollbar colors for CLIENTS select2

1.3.0

  • NEW - Completely redesigned much cooler looking FOOTER
  • FIX - Dynamic border-radius of the main sidebar through custom property

1.2.1

  • FIX - scrollbar colors

1.2.0

  • NEW - SETTINGS / PRIVACY added LCARS panel
  • NEW - SETTINGS / WEB INTERFACE added LCARS panels
  • FIX - SETTINGS / WEB INTERFACE input and select styled
  • FIX - SETTINGS / DNS inputs styled

1.1.0

  • NEW - DOMAINS page visual tweaks
  • NEW - updated danger area on SYSTEM page with new animations
  • NEW - Status_panel-47a updated with colors reflecting the actual state (active/disabled)
  • NEW - DISABLE BLOCKING / CUSTOM TIME modal window styled
  • FIX - DOMAINS page - checkbox labels on one line
  • FIX - Show X entries vertical align
  • FIX - Pagination margins
  • FIX - In some dataTables added rounded corners to buttons (= not visually connected to other elements)

1.0.1

  • 🧹🗑️ Cleaning, tiny refactoring

1.0.0

  • Version 1.0.0 released!
  • NEW - updated preview
Pre-release versions log

0.7.2

  • Code cleaning

0.7.1

  • FIX - Network overview table

0.7.0

  • Network overview table

0.6.0

  • Code cleaning

0.5.0

  • Datepicker

0.4.0

  • Alert modal quick styling

0.3.3

  • FIX - SETTINGS / DHCP table

0.3.2

  • FIX - TOP tables border removed

0.3.1

  • Data tables responsive tweaks

0.3.0

  • Data tables + dropdown menus
  • FIX - adjusted input border color

0.2.2

  • Page headers

0.2.1

  • Box footers

0.2.0

  • Finished SETTINGS / DNS page
  • code, pre styling

0.13.2

  • Audit logs button styling

0.13.1

  • FIX - queries tables (dashboard)

0.13.0

  • All queries tables

0.12.6

  • Pagination

0.12.5

  • Main drop down menu close button

0.12.4

  • FIX - Chart "scanner" height on Long Term Data page
  • FIX - Scanner loading overlay color

0.12.3

  • Donation bar (login, other pages) + refactoring

0.12.2

  • Login screen - donation bar

0.12.1

  • Login screen - error message

0.12.0

  • Login screen

0.11.1

  • Main drop down menu

0.11.0

  • Forms, selects, inputs, textareas
  • Select2

0.10.2

  • FIX - Checkboxes and radios styling (because icheck-bootstrap.min.css)

0.10.1

  • FIX - More logical color (green) for checkboxes and radios
  • FIX - Renamed animation for small scanners

0.10.0

  • SETTINGS / DNS page

0.9.3

  • Checkboxes and radios styling

0.9.2

  • Notification "dot"

0.9.1

  • FIX - Tab buttons in SETTINGS section width

0.9.0

  • SETTINGS / SYSTEM page
  • FIX - pulseBg animation new variable

0.8.5

  • Tab buttons in SETTINGS section

0.8.4

  • FIX - font weight and subpage version of STATS boxes

0.8.3

  • FIX - removed custom FontAwesome icon. Don't ask 🤦

0.8.2

  • FIX - colors for the JS generated content

0.8.1

  • FIX - same height of the "TOP" tables

0.8.0

  • Donation bar
  • Footer + update available variant

0.7.0

  • "TOP" tables on the dashboard

0.6.3

  • Charts "scanner" animation

0.6.2

  • Preview images in README

0.6.1

  • Pie charts visual tweak (mirroring)

0.6.0

  • Pie charts styling

0.5.0

  • First commit containing - header, sidebar + menu, total queries, clients and user panel, basic animations

Thanks to ...

  • meWho.com - creator of the famous SYSTEM47 screensaver and various LCARS projects
  • Jacob Bates for this installation process

Like my work?️

Just spread the word. But if you feel like it, any donations are highly appreciated ❤️!

Monero

Monero QR code 82cdV2a1RU34pnv7x4tQtV4pTv1wgM5DjFEM1SQz8keF2z6ZidSbpNq51p8S3NMdYwh5PecSRBuSkAthbEmJUisoHVj6W8o


License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Star Trek Picard LCARS theme for Pi-hole dashboard. Animated, cool and written from scratch.

Topics

Resources

License

Stars

Watchers

Forks

Languages