The problem is that SharePoint isn't coloring items based on the identity of the particular views (i.e. "Equip 1" is always pink, "Equip 2" is always magenta), instead, it colors items based on numbering, i.e. the first calendar in the view will always be orange, the second will always be pink, etc. (Or whatever you have set up in the overlays.)
So, when you click on one of the "calendars in view" and go to a new view that has only that calendar in it, it all of a sudden has become the "first" calendar, and so gets the "first calendar" color.
The calendar colors are based on CSS classes:
ms-acal-item /* the default/first color */
ms-acal-color1 /* even though it has the number 1 in it, it's actually color #2 */
ms-acal-color2 /* really the third */
So, what you would want to do is go to the individual calendar you want to make consistent with the global calendar, and override the default CSS and tell it to use the color you want.
In order to do that, go to the calendar page (i.e. "Equip 5", not the global calendar), edit the page, add a Script Editor Web Part at the top of the page, and embed the following as the script snippet:
background-color: magenta; /* or whatever color you want it to be */
PS - the reason you weren't able to get the solution from the answer you linked to to work is that that answer is a bit misleading. The line of code there is jQuery, and people who have worked with jQuery in SharePoint will know that there is a bunch of other lines of code you need in addition to that one line to get everything to work. The code I have shown above is complete and is all you should need when adding it to a Script Editor web part.