@mxtommy KIP instrument display webapp for Signalk

[captmatto]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

[PaddyB]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

The author comes in here quite often but you might  be better off asking on signalk  slack  - http://slack-invite.signalk.org/

[captmatto]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

The author comes in here quite often but you might  be better off asking on signalk  slack  - http://slack-invite.signalk.org/

Thanks! :-) Have just joined the Slack Channel

[mxtommy]

Hi All

Do any of you know if there are any styling options other than the default themes?

I'd like to try and change some of the label colours and or backgrounds of the dark theme. I am a web developer so happy to work with CSS etc but just wondering if we have access to the files?

https://github.com/mxtommy/Kip :)

Instructions to develop if you're new to Angular are in the README.md under Developing. Files you want to edit (to update an exiting theme) are in src/themes. 

To create a new theme, create your new theme in src/themes then import it and give it a class in src/styles.scss (see around lines 90 and 140). Then you need to add a button for it at the end of /src/app/app.component.html (see others there)

If you create a new theme and want to share it feel free to create a pull request

Good luck!

[jetkit]

Hi there! I have been dealing with an issue that I couldnt workaround, so I need help please. When openning KIP from browser running at my rasp, the address used is: http://localhost:3000/@mxtommy/kip/#/page/0
The IP address of my rasp is 10.10.10.1. When I try to access KIP using web browser on laptop or tablet and I point to address http://10.10.10.1:3000/admin/#/dashboard I can access SignalK server.  But when I try to access KIP, the address http://10.10.10.1:3000/@mxtommy/kip/#/page/0  shows a different dashboard than the expected one! 
Any help is more than welcome, please. Thanks.
Maximo

The KIP dashboard layout is stored locally so each device can have a different set up.
You can save the settings you like on the Pi browser in settings/config then load them into your laptop/phone -

many, many, many thanks for the support, it worked flawlessly.

Isn't there a way to load a KIP configuration in the URL? something like http://192.168.0.122:3000/@mxtommy/kip/#...n=screen21...