Change Pi-star Colour for Dashboard = Color Change on Pi-Star

Dashboard = Green | Blue is new Red

as of : 2016

Change Pi-star Colour for Dashboard = Color Change on Pi-Star

Change Pi-star Colour for Dashboard = Blue is new Red

You can navigate to this "change the colors" tool by going to "Configure", "Expert" and then under tools "CSS Tool"

Alternatively, you can also navigate to your Pi-Star dashboard with "/admin/expert/edit_dashboard/php" after your local IP address


Pi-Star Dashboard UPDATE 2020 :: 
  • Configuration 
  • Expert mode
  • CSS Tool

As of 2014

https://pi-star.blogspot.com/2018/10/change-pi-star-banner-color.html


To change color in PI-STAR dashboard from console:

rpi-rw
sudo su    [first use "sudo su" because CSS folder have special permissions]
sudo sed -i 's/dd4b39/3877dd/g' /var/www/dashboard/css/ircddb.css



(Where 3877dd is new(blue) color in hex)
#DMR #PISTAR

UPDATE | UPGRADE
sudo pistar-update
sudo pistar-upgrade

Directions :
  • LOGON
  • rpi-rw
  • sudo su
  • cd /var/www/dashboard/css
  • sudo nano ircddb.css
  • sudo pistar-update
  • sudo reboot
Edit the file Hex Colour and save CTRL-X


color-chart
red = #dd4b39
blue  = #3877dd
L-green  = #1E8449
D-green  = #145A32
https://htmlcolorcodes.com/color-chart/

https://pi-star.blogspot.com/2018/10/change-pi-star-banner-color.html

Make sure you create a backup before you play around this feature.

Second, to pick a color, use a tool like this one I just picked randomly by doing an online search for "CSS colors":
https://www.quackit.com/css/css_color_codes.cfm

Move the slider up and down to pick a color space, and then move the picker around to choose the color. 

Once you've found the color you want to use, make a note of the hex value, the one that starts with a hash mark.
For example, pure blue is 0000ff.

I made some notes in my article about the CSS Tool that may be helpful:
https://www.toshen.com/ke0fhs/pi-star-notes.htm#csstool

Good luck!
By VE3SP.com


To change from the standard red "ffffff" background to the teal "6497b1" all you have to do is change as per image. To figure out how to edit hex into colors, here is a handy website: http://www.color-hex.com/

My other blog
https://pi-star.blogspot.com/2018/10/change-pi-star-banner-color.html


No comments:

Post a Comment

Thanks for your comments, Comments may take a day to show up
.
Follow Contact Links:
http://www.linktr.ee/VA3IER
HH☎️#
.
(I have locked my profiles to shield filter from scum)

Note: only a member of this blog may post a comment.