theme.md

@@ -88,15 +88,24 @@ To overwrite the theme color with your own one, add **Code injection** into the
 </style>
 ```
 
-You can change the primary color only by adding from the **Code injection** into the *Site Header* the following style:
+You can change the color by adding from the **Code injection** into the *Site Header* the following style:
 
 ```html
 <style type="text/css">
     :root,
     [data-theme] {
-        --themePrimary: #A4262C;
+        --themeDarker: #6f2d09;
+        --themeDark: #8d390b;
+        --themeDarkAlt: #b5490f;
+        --themePrimary: #ca5010;
+        --themeSecondary: #e55c12;
+        --themeTertiary: #f6b28d;
+        --themeLight: #fbdac9;
+        --themeLighter: #fdede4;
+        --themeLighterAlt: #fef6f1;
+        --accent: #986f0b;
     }
 </style>
 ```
 
-> **Note**: you need to define a Light and a Dark color themes to overwrite both of theme.
+> **Note**: the sample above is based on the orange theme of SharePoint