Update colors-fonts.md

Author: LiamConnors

doc/python/colors-fonts.md

@@ -33,9 +33,43 @@ jupyter:
     thumbnail: null
 ---
 
-# Supported Colors and Fonts
+<!-- #region -->
+# Colors and Fonts
 
-The following are supported colors in Plotly.
+
+## Supported CSS Colors
+
+Named CSS colors are supported 
+<!-- #endregion -->
+
+```python
+import plotly.graph_objects as go
+
+months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
+          'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
+
+fig = go.Figure()
+fig.add_trace(go.Bar(
+    x=months,
+    y=[20, 14, 25, 16, 18, 22, 19, 15, 12, 16, 14, 17],
+    name='Primary Product',
+    marker_color='indianred'
+))
+fig.add_trace(go.Bar(
+    x=months,
+    y=[19, 14, 22, 14, 16, 19, 15, 14, 10, 12, 12, 16],
+    name='Secondary Product',
+    marker_color='lightsalmon'
+))
+
+# Here we modify the tickangle of the xaxis, resulting in rotated labels.
+fig.update_layout(barmode='group', xaxis_tickangle=-45)
+fig.show()
+```
+
+The following named CSS colors are supported in Plotly.py
+
+and can be used anywhere a color property accepts a named CSS color. For example, a color property on font..
 
 ```python hide_code=true
 import plotly.graph_objects as go
@@ -129,6 +163,8 @@ fig = display_colors_as_shapes(supported_colors)
 fig.show()
 ```
 
+## Supported Fonts
+
 ```python
 
 ```