Moved gray shade variables above colour variables

resolves #5825

Minor change, but allows the use of the gray shade variables in the color variables. For example you can set $secondary-color to $gainsboro, helps keep things consistent.