Color schemes
A color scheme is a file that contains what colors SPC need to use. It can go from the color of the background to the axis on a graph. Color scheme are in the JSON format and are like small dictionnary, each line containing a color for an element. In this wiki page, color scheme will be refered as CS
Launch the program, in the colors_scheme directory, load a cs if you want, edit the colors, and save
Firstly go to the folder named "SPC_color_schemes", right there you'll see some JSON file, each one containing one color scheme. Now the best thing is to duplicate one, change the name to something you like (and that doesn't contain any space), and then... You can open it and change the colors with whatever you want !
I will now tell you, in a CS, what terms correspond to what element !
| Name | Correspondance |
|---|---|
| This section is mostly for the placement graph only | But some colors here are used in the other graphs |
| background_color | That's the color of the background for both graph and the data table |
| title_color | Color for the title if you're not using a logo |
| date_color | Color for the date (If date is enabled) |
| points_color | The points shown at the top of each collumn of the graph |
| legend_border_color | Border of the legend that shows the color for each round |
| legend_text_color | Text in the legend |
| gradient_colors | Define the gradient for the score graph |
| x_label_color | Names on the x-axis |
| y_label_color | Points on the y_axis |
| x_axis_color | Horizontal Axis |
| y_axis_color | Vertical Axis |
| x_ticks_color | Tick on the vertical axis |
| y_ticks_color | Tick on the horizontal axis |
| horizontal_lines_color | Horitonal lines for each y-axis ticks |
| This section is for the placement graph only | The one with the stats about placement for each players |
| fliers_color | Little cross for abberant placement |
| caps_color | Both ends for each box |
| whiskers_color | Thing between the box and the caps |
| medians_color | Median |
| mean_color | Average (Represented by a circle) |
| boxes_inside_color | Outside border of the box |
| boxes_outside_color | Inside border of the box |
| This section is for the data table only | The full recap for each round (That can also be found in the txt file) |
| grid_color | Grid |
| top_cells_color | Background for the cells on the first line |
| cells_color | Background for the other cells |
| top_text_color | Text color for the first line |
| text_color | Text color for the other cells |
here is an exemple of one line:
"background_color": "#ff52ff",As you can see, the first part is what the element is, and the second is the color associated with it.
The color is in the hex format, here is how it works:
- Firstly there is a # that tells the program that the color is in hex format
- Then there are 6 characters, each two characters represent a color:
- The first two are for the red color (from 00 to ff)
- The second two are for the green color (from 00 to ff)
- The last two are for the blue color (from 00 to ff)
- So this background color is a lot or red, a bit of green and a lot of blue, it's PINK !
But don't worry, this was just for the culture, to search for a color, you can use any color picker, like this one
Now that you created your own CS (Or you just one to use an existing one), you need to tell SPC to use it. How the hell do you do that ? Well it's easy ! You just need to open the settings editor and then select the CS you want to use in the dropdown menu.