LCARS-Skin for IP-Symcon WebFront in different colours
- Skin: black/orange (standard)
- Skin: blue (see info on switch to blue skin below)
- based on LCARS-Framework
Screenshot:
https://anna.voelkl.at/ip-symcon/lcars-skin/
jquery plugin for star-trek style LCARS interface, fork of existing project
see:
http://www.colorhunter.com/tag/lcars/1
Supports IP-Symcon Library modules:
- IPSCam
LCARS Skin for IP-Symcon was developed and tested with the following version:
- IP-Symcon 3.10
- Minimum required resolution: 1024x768
LCARS Skin for IP-Symcon was developed and tested with the following browsers:
- Internet Explorer 11 (Windows 8)
- Mozilla Firefox 29.0.1 (Windows 7)
- Chrome 35 (Windows 7)
- Open http://your-webfront-url:webfront-port/user/skins
- Enter GitHub URL: https://github.com/avoelkl/IP-Symcon-vape-LCARS
- Install skin!
- Open IP-Symcon Managment Console
- Open your instance (path in DE: "Objektbaum > Logische Baumansicht > Konfigurator Instanzen")
- Go to configuration > view (2nd tab) (path in DE: "Konfiguration > Darstellung")
- Click button "configure" ("Konfigurieren")
- Click add and enter this URL: https://github.com/avoelkl/IP-Symcon-vape-LCARS
If you already have the IP-Symcon-vape-LCARS theme installed (with Git), you can update it the following way:
- Go to your IP-Symcon folder: for ex. C:\IP-Symcon\webfront\user\skins\IP-Symcon-vape-LCARS
- Open Git Bash (right click in the explorer windows, select "Git Bash" from menu)
- Pull the latest changes with Git: "git pull" (without quotes)
- The update including the branch with the new blue skin is downloaded
- Exit console
Similar to the update process, you can switch to the blue colour skin:
- Go to your IP-Symcon folder: for ex. C:\IP-Symcon\webfront\user\skins\IP-Symcon-vape-LCARS
- Open Git Bash (right click in the explorer windows, select "Git Bash" from menu)
- Checkout the blue skin branch: "git checkout skin_blue" (without quotes)
- The branch is now changed to the blue skin
- Exit console
You might want to adapt your on/off and info colours a bit so that it looks nicer. Change the red colour from RGB 255/0/0 to 170/0/0. Change the green colour from RGB 255/0/0 to 0/170/0.
- Anna Völkl (@rescueAnn)
- http://www.voelkl.at
- @rescueAnn
(c) 2014 Anna Völkl