# GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings" class="text-break">ThemeSettings Class
</h1>
  <div class="markdown level0 summary"><p>Represents the UI theme settings for customizing the appearance.</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><span class="xref">ThemeSettings</span></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.html">GrapeCity.ActiveReports.Blazor.Viewer</a></h6>
  <h6><strong>Assembly</strong>: MESCIUS.ActiveReports.Blazor.Viewer.dll</h6>
  <h5 id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class ThemeSettings</code></pre>
  </div>
  <h5 id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_examples"><strong>Examples</strong></h5>
  <pre><code class="lang-csharp">private static readonly ColorTheme _theme = new ColorTheme()
{
    Name = "testTheme",
    BackgroundPanels = "#fdf7f1",
    BackgroundMain = "#fdf7f1",
    Primary = "blue",
    Secondary = "green",
    Neutral = "grey",
    Error = "red",
    Warning = "yellow",
    FontFamily = "'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif",
    Type = ColorThemeType.light
};

private readonly ThemeSettings _themes = new ThemeSettings()
{
    InitialTheme = "testTheme",
    ThemeSelector = new ThemeSelector()
    {
        Enabled = true,
        AvailableThemes = new []{ColorThemes.ActiveReportsDark, _theme, "default"}
    }
};</code></pre>

  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings__ctor" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.#ctor">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.-ctor.html#GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings__ctor">ThemeSettings()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_InitialTheme" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.InitialTheme">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.InitialTheme.html#GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_InitialTheme">InitialTheme</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the initial theme to be applied.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_ThemeSelector" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.ThemeSelector">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ThemeSettings.ThemeSelector.html#GrapeCity_ActiveReports_Blazor_Viewer_ThemeSettings_ThemeSelector">ThemeSelector</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the theme selector used to manage available themes.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>