/* This CSS code is injected to Scroll Sites which we used to serve our documentation. We use it to override the
header background color for Data Center documentation, so that it is differentiable from the Cloud one.
 
IMPORTANT:
Please make sure that you update both this file and the Custom CSS injection within Scroll Sites when making changes to this script.
*/

@layer overrides {
  :root[data-color-scheme='light']:has(#pageTreeSource[href*="Data-Center"]),
  :host([data-color-scheme='light']):has(#pageTreeSource[href*="Data-Center"]) {
    --theme-header-background-color: #458fd9;
  }

  :root[data-color-scheme='dark']:has(#pageTreeSource[href*="Data-Center"]),
  :host([data-color-scheme='dark']):has(#pageTreeSource[href*="Data-Center"]) {
    --theme-header-background-color: #458fd9;
    --theme-header-text-color: #1a1a1a;
  }
}