color hex code for the dashboard???

Post your tips and tricks here
Post Reply
k9ohv
Posts: 33
Joined: Thu Feb 07, 2019 10:31 pm

color hex code for the dashboard???

Post by k9ohv » Fri Mar 01, 2019 5:50 pm

Hi All,
Looking to re-color the dashboard. I know how to do it, but would like, if anyone has, a schedule of colors for the dashboard? I tried using Color Hex ( https://www.color-hex.com/color-palettes/popular.php), but the color didn't come out right. Therefore i believe, i am not doing it right (big shocker there).

M1DNS
Posts: 389
Joined: Thu Apr 05, 2018 5:30 am

Re: color hex code for the dashboard???

Post by M1DNS » Sat Mar 02, 2019 12:34 pm

I've made use of this site, which gives a very good representation of what's shown.

https://www.w3schools.com/colors/colors_picker.asp


Andrew M1DNS, (Mod)

Andrew M1DNS.
Pi-star Admin Team.

User avatar
W1KMC
Posts: 94
Joined: Wed May 02, 2018 8:34 pm
Location: Bangor, ME USA
Contact:

Re: color hex code for the dashboard???

Post by W1KMC » Sat Mar 02, 2019 1:19 pm

OK more details - when you say didn't come oout right, it's like saying: I baked some cookies but they didn't come out right

WHAT didn't come oout right? Did your color appear anywhere? did it not come out at all?

All the values on the CSS page are for different aspects of the page(s). Mine I have the Oragne parts as a dark blue, and the space between sections as a dark grey. Some light colors you may have to switch up the text color from White #000000 to Black #FFFFFF

I had a friend give me three colors, being funny he said violet, green, crimson - I made it for him but Oh Lord was it BAD :-) we changed it back.

Try picking ONE color say #308030 and put as the background color in ONE section only and see WHERE the color changed, then you will know where to put your chosen colors.

Get back to us as to WHAT didn't come out right, then we can help further.
I am no developer, guru, expert, nor do I claim to be or want to be. All advice I give is purely from experience and my efforts to help others.

W1KMC - Kevin M Carman
Bangor, ME
Jumbospot on a Pi0W
DMR 3123142 & 3123143
HHUS Trunk Ext 4329

User avatar
KE0FHS
Posts: 1031
Joined: Wed Apr 11, 2018 8:40 pm
Location: Colorado, USA
Contact:

Re: color hex code for the dashboard???

Post by KE0FHS » Sat Mar 02, 2019 2:15 pm

I agree with Kevin ... it all depends on what kind of cookies you want to bake. Here's one I whipped up:
pi-star-css-tool.jpg
pi-star-css-tool.jpg (31.41 KiB) Viewed 1115 times
In this above example, I changed Background Banners to the web color royalblue (hex value 4169E1) and the Tables HeadDrop to dark gray (hex value 303030).

A couple other notes:
  • W3Schools.com has a decent color picker: https://www.w3schools.com/colors/colors_picker.asp. And if you search for terms like HTML color picker, you can find other good ones.
  • This is a beta feature. Not all UI colors can be changed, and it doesn't yet apply to mobile view.
  • And when he first introduced the feature, Andy made a good post: "If you took it all too far and now it makes you feel sick," the CCS Tool's Factory Reset button resets the CSS options back to their original settings.
73, Toshen, KE0FHS
Playing with Pi-Star (unofficial notes about setting up and using Pi-Star):
https://amateurradionotes.com/pi-star.htm

User avatar
N7HHI
Posts: 31
Joined: Thu Apr 12, 2018 11:33 pm
Location: Wentzville, MO
Contact:

Re: color hex code for the dashboard???

Post by N7HHI » Thu Mar 14, 2019 10:03 pm

I have done mine in shades of Green. I will show the values I used in the following screenshots:

This is an example of the look:
DashboardColors.jpg
DashboardColors.jpg (116.9 KiB) Viewed 1043 times


Here are the values I used:
DasboardCSS.png
DasboardCSS.png (32.04 KiB) Viewed 1043 times
73...
Scott - N7HHI

M1DNS
Posts: 389
Joined: Thu Apr 05, 2018 5:30 am

Re: color hex code for the dashboard???

Post by M1DNS » Fri Mar 15, 2019 8:52 pm

In a similar styling.
My YSF hotspots are centred on an orange scheme,
DSTAR are blue,
DMR std. PS red.
With crossover modes centred around a green theme similar to above. Now I just need differing shades of blue red and green for the multiples of each I use per mode.

Andrew M1DNS, (Mod)

Andrew M1DNS.
Pi-star Admin Team.

k9ohv
Posts: 33
Joined: Thu Feb 07, 2019 10:31 pm

Re: color hex code for the dashboard???

Post by k9ohv » Sun May 26, 2019 1:11 am

OK, i'm back!

First off, sorry to everyone that replied, i couldn't remember which forum i posted this question on.
SO, my first statement about not turning out right, i though it was pretty straight forward since we are talking about colors. When i plugged in what was supposed to be red, "it didn't turn out right"...Meaning i got a color other than red!

Anyway...

Here is a site that has a better format for finding hex for colors than the one i first looked at. It looks, at first, like a pay site, but its not, it's just an ad. https://htmlcolorcodes.com/color-chart/ Also, If the 1st color palette looks a bit bland, just scroll down and it brightens up quite nicely!


Thanks again to all that replied. Nice color schemes!

W2XQ
Posts: 20
Joined: Thu Jun 21, 2018 6:23 pm
Location: Vincentown, NJ, USA
Contact:

Re: color hex code for the dashboard???

Post by W2XQ » Fri Aug 02, 2019 2:56 am

Expert Editor CSS Tool

After looking at a number of color code pages, I found https://www.somacon.com/p142.php has a wide variety of colors to pick from.

Configuration > Expert > CSS Tool > Background > Banners

I chose to only change the Background: Banners. These are the colors I have looked at.

0000FF - Blue
000CD - Blue 3
00008B - Blue 4
B22222 - Firebrick
8B0000 - Red 4
228B22 - Forest Green
36648B - Steel Blue 4
8B4726 - Sienna 4
282828 - Sgiverydarkgrey

For the hotspot in the house, for me it is a toss up between Firebrick and Steel Blue 4. For the hotspot in the car, I am using the last color to maximize readability in the daylight. HTH.
Tom - W2XQ - w2xq.com

Post Reply