This forum uses cookies
This forum makes use of cookies to store your login information if you are registered, and your last visit if you are not. Cookies are small text documents stored on your computer; the cookies set by this forum can only be used on this website and pose no security risk. Cookies on this forum also track the specific topics you have read and when you last read them. Please confirm whether you accept or reject these cookies being set.

A cookie will be stored in your browser regardless of choice to prevent you being asked this question again. You will be able to change your cookie settings at any time using the link in the footer.

Thread Rating:
  • 3 Vote(s) - 4 Average
  • 1
  • 2
  • 3
  • 4
  • 5
@mxtommy KIP instrument display webapp for Signalk
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?
Reply
(2022-09-13, 11:44 AM)captmatto Wrote: 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/
Reply
(2022-09-13, 12:41 PM)PaddyB Wrote:
(2022-09-13, 11:44 AM)captmatto Wrote: 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
Reply
(2022-09-13, 11:44 AM)captmatto Wrote: 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 Smile

Good luck!
Reply


Forum Jump:


Users browsing this thread: 2 Guest(s)