... | ... | @@ -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 |