# GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem

## Content

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



  <h1 id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem" class="text-break">ShadesColorItem Class
</h1>
  <div class="markdown level0 summary"><p>Represents a color item with multiple shades.</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"><a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ColorThemeItem.html">ColorThemeItem</a></div>
    <div class="level2"><span class="xref">ShadesColorItem</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_ShadesColorItem_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class ShadesColorItem : ColorThemeItem</code></pre>
  </div>
  <h5 id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_remarks"><strong>Remarks</strong></h5>
  <div class="markdown level0 remarks"><p>This class extends <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ColorThemeItem.html">ColorThemeItem</a> and provides multiple shade variations of a color,
ranging from very light to very dark.</p>
</div>
  <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_ShadesColorItem__ctor" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.#ctor">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.-ctor.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem__ctor">ShadesColorItem()</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_ShadesColorItem_Base" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Base">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Base.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Base">Base</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the base shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Dark" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Dark">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Dark.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Dark">Dark</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the dark shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_DarkMedium" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.DarkMedium">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.DarkMedium.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_DarkMedium">DarkMedium</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the dark-medium shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Darker" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Darker">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Darker.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Darker">Darker</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the darker shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Light" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Light">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Light.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Light">Light</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the light shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_LightMedium" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.LightMedium">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.LightMedium.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_LightMedium">LightMedium</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the light-medium shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Lighter" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Lighter">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Lighter.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Lighter">Lighter</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the lighter shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Medium" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Medium">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.Medium.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_Medium">Medium</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the medium shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_VeryDark" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.VeryDark">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.VeryDark.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_VeryDark">VeryDark</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the very dark shade of the color.</p>
</td>
      </tr>
      <tr>
        <td id="GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_VeryLight" data-uid="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.VeryLight">
          <a class="xref" href="GrapeCity.ActiveReports.Blazor.Viewer.ShadesColorItem.VeryLight.html#GrapeCity_ActiveReports_Blazor_Viewer_ShadesColorItem_VeryLight">VeryLight</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the very light shade of the color.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>