use accent color for header by default

surveyjs · Oct 24, 2023 · 81db181 · 81db181
1 parent ea62fa1
commit 81db181
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/defaultV2-theme/variables.scss b/src/defaultV2-theme/variables.scss
@@ -31,7 +31,7 @@ $foreground-light: var(--sjs-general-forecolor-light, var(--foreground-light, #9
 $foreground-dim: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
 $foreground-dim-light: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
 
-$header-backcolor: var(--sjs-header-backcolor);
+$header-backcolor: var(--sjs-header-backcolor, #{$primary});
 
 $border: var(--sjs-border-default, var(--border, #d6d6d6));
 $border-light: var(--sjs-border-light, var(--border-light, #eaeaea));

diff --git a/src/header.ts b/src/header.ts
@@ -78,7 +78,7 @@ export class Cover extends Base {
   private updateHeaderClasses(): void {
     this.headerClasses = new CssClassBuilder()
       .append("sv-header")
-      .append("sv-header__without-background", (!this.backgroundColor || this.backgroundColor === "trasparent") && !this.backgroundImage)
+      .append("sv-header__without-background", (this.backgroundColor === "trasparent") && !this.backgroundImage)
       .append("sv-header__overlap", this.overlapEnabled)
       .toString();
   }