Fix Seneca-CDOT#773: Initial work on the gui colour document

docs/gui-colour-palette.md

@@ -0,0 +1,62 @@
+# Colour Palette
+
+Thank you for thinking to contribute to the look of the Telescope. This is a guide to the colour palette that we use to make our web site looks pretty and up-to-date.
+
+|    #FFFFFF, rgb (255,255,255)     |   #A4D4FF, rgb (164, 212, 255)    |    #3670A5, rgb (54, 112, 165)    |
+| :-------------------------------: | :-------------------------------: | :-------------------------------: |
+| ![](./images/#FFFFFF.png=100x100) | ![](./images/#A4D4FF.png=100x100) | ![](./images/#3670A5.png=100x100) |
+
+|   #9E9E9E, rgb (158, 158, 158)    |     #002944, rgb (0, 41, 68)      |
+| :-------------------------------: | :-------------------------------: |
+| ![](./images/#9E9E9E.png=100x100) | ![](./images/#002944.png=100x100) |
+
+## Header
+
+**Title:**
+
+- hex: #A4D4FF
+- rgb: (164, 212, 255)
+
+**Search Icon:**
+
+- hex: #FFFFFF
+- rgb: (255, 255, 255)
+
+**Menu Icons (Home, Login):**
+
+- hex: #FFFFFF
+- rgb: (255, 255, 255)
+
+## Banner
+
+**Name, statistics, version:**
+
+- hex: #FFFFFF
+- rgb: (255, 255, 255)
+
+## Search Bar
+
+**Filter name and search icon background:**
+
+- hex: #3670A5
+- rgb: (54, 112, 165)
+
+**Input background:**
+
+- hex: #9E9E9E
+- rgb: (158, 158, 158)
+
+**Magnifying glass icon**
+
+- hex: #002944
+- rgb: (0,41,68)
+
+**Magnifying glass icon background colour:**
+
+- hex: #3670A5
+- rgb: (54, 112, 165)
+
+**Form control:**
+
+- hex: #3670A5
+- rgb: (54, 112, 165)