319 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			319 lines
		
	
	
		
			14 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html class="default" lang="en">
 | 
						|
  <head>
 | 
						|
    <meta charset="utf-8" />
 | 
						|
    <meta http-equiv="x-ua-compatible" content="IE=edge" />
 | 
						|
    <title>changeTheme | cg-select</title>
 | 
						|
    <meta name="description" content="Documentation for cg-select" />
 | 
						|
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 | 
						|
    <link rel="stylesheet" href="../assets/style.css" />
 | 
						|
    <link rel="stylesheet" href="../assets/highlight.css" />
 | 
						|
    <script async src="../assets/search.js" id="search-script"></script>
 | 
						|
  </head>
 | 
						|
  <body>
 | 
						|
    <script>
 | 
						|
      document.documentElement.dataset.theme = localStorage.getItem('tsd-theme') || 'os';
 | 
						|
    </script>
 | 
						|
    <header class="tsd-page-toolbar">
 | 
						|
      <div class="tsd-toolbar-contents container">
 | 
						|
        <div class="table-cell" id="tsd-search" data-base="..">
 | 
						|
          <div class="field">
 | 
						|
            <label for="tsd-search-field" class="tsd-widget tsd-toolbar-icon search no-caption"
 | 
						|
              ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
 | 
						|
                <path
 | 
						|
                  d="M15.7824 13.833L12.6666 10.7177C12.5259 10.5771 12.3353 10.499 12.1353 10.499H11.6259C12.4884 9.39596 13.001 8.00859 13.001 6.49937C13.001 2.90909 10.0914 0 6.50048 0C2.90959 0 0 2.90909 0 6.49937C0 10.0896 2.90959 12.9987 6.50048 12.9987C8.00996 12.9987 9.39756 12.4863 10.5008 11.6239V12.1332C10.5008 12.3332 10.5789 12.5238 10.7195 12.6644L13.8354 15.7797C14.1292 16.0734 14.6042 16.0734 14.8948 15.7797L15.7793 14.8954C16.0731 14.6017 16.0731 14.1267 15.7824 13.833ZM6.50048 10.499C4.29094 10.499 2.50018 8.71165 2.50018 6.49937C2.50018 4.29021 4.28781 2.49976 6.50048 2.49976C8.71001 2.49976 10.5008 4.28708 10.5008 6.49937C10.5008 8.70852 8.71314 10.499 6.50048 10.499Z"
 | 
						|
                  fill="var(--color-text)"
 | 
						|
                ></path></svg></label
 | 
						|
            ><input type="text" id="tsd-search-field" aria-label="Search" />
 | 
						|
          </div>
 | 
						|
          <div class="field">
 | 
						|
            <div id="tsd-toolbar-links"></div>
 | 
						|
          </div>
 | 
						|
          <ul class="results">
 | 
						|
            <li class="state loading">Preparing search index...</li>
 | 
						|
            <li class="state failure">The search index is not available</li>
 | 
						|
          </ul>
 | 
						|
          <a href="../index.html" class="title">Home</a>
 | 
						|
          <a href="/example/index.html" class="title" style="margin-left: 15px">Go to CGSelect</a>
 | 
						|
        </div>
 | 
						|
        <div class="table-cell" id="tsd-widgets">
 | 
						|
          <a
 | 
						|
            href="#"
 | 
						|
            class="tsd-widget tsd-toolbar-icon menu no-caption"
 | 
						|
            data-toggle="menu"
 | 
						|
            aria-label="Menu"
 | 
						|
            ><svg width="16" height="16" viewBox="0 0 16 16" fill="none">
 | 
						|
              <rect x="1" y="3" width="14" height="2" fill="var(--color-text)"></rect>
 | 
						|
              <rect x="1" y="7" width="14" height="2" fill="var(--color-text)"></rect>
 | 
						|
              <rect x="1" y="11" width="14" height="2" fill="var(--color-text)"></rect></svg
 | 
						|
          ></a>
 | 
						|
        </div>
 | 
						|
      </div>
 | 
						|
    </header>
 | 
						|
    <div class="container container-main">
 | 
						|
      <div class="col-8 col-content">
 | 
						|
        <div class="tsd-page-title">
 | 
						|
          <ul class="tsd-breadcrumb">
 | 
						|
            <li><a href="../modules.html">All modules</a></li>
 | 
						|
            <li><a href="../modules/components_theme_theme.html">Theme</a></li>
 | 
						|
            <li><a href="components_theme_theme.changeTheme.html">changeTheme</a></li>
 | 
						|
          </ul>
 | 
						|
          <h1>Function changeTheme</h1>
 | 
						|
        </div>
 | 
						|
        <section class="tsd-panel">
 | 
						|
          <ul class="tsd-signatures tsd-kind-function tsd-parent-kind-module">
 | 
						|
            <li class="tsd-signature tsd-anchor-link" id="changeTheme">
 | 
						|
              change<wbr />Theme<span class="tsd-signature-symbol">(</span>element<span
 | 
						|
                class="tsd-signature-symbol"
 | 
						|
                >: </span
 | 
						|
              ><span class="tsd-signature-type">Element</span>, theme<span
 | 
						|
                class="tsd-signature-symbol"
 | 
						|
                >: </span
 | 
						|
              ><span class="tsd-signature-type">string</span
 | 
						|
              ><span class="tsd-signature-symbol"> | </span
 | 
						|
              ><a
 | 
						|
                href="../interfaces/theme_interface.CustomTheme.html"
 | 
						|
                class="tsd-signature-type"
 | 
						|
                data-tsd-kind="Interface"
 | 
						|
                >CustomTheme</a
 | 
						|
              ><span class="tsd-signature-symbol"> | </span
 | 
						|
              ><a
 | 
						|
                href="../interfaces/theme_interface.CustomThemeJson.html"
 | 
						|
                class="tsd-signature-type"
 | 
						|
                data-tsd-kind="Interface"
 | 
						|
                >CustomThemeJson</a
 | 
						|
              ><span class="tsd-signature-symbol">)</span
 | 
						|
              ><span class="tsd-signature-symbol">: </span
 | 
						|
              ><span class="tsd-signature-type">void</span
 | 
						|
              ><a href="#changeTheme" aria-label="Permalink" class="tsd-anchor-icon"
 | 
						|
                ><svg
 | 
						|
                  class="icon icon-tabler icon-tabler-link"
 | 
						|
                  viewBox="0 0 24 24"
 | 
						|
                  stroke-width="2"
 | 
						|
                  stroke="currentColor"
 | 
						|
                  fill="none"
 | 
						|
                  stroke-linecap="round"
 | 
						|
                  stroke-linejoin="round"
 | 
						|
                >
 | 
						|
                  <path stroke="none" d="M0 0h24v24H0z" fill="none" id="icon-anchor-a"></path>
 | 
						|
                  <path
 | 
						|
                    d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"
 | 
						|
                    id="icon-anchor-b"
 | 
						|
                  ></path>
 | 
						|
                  <path
 | 
						|
                    d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"
 | 
						|
                    id="icon-anchor-c"
 | 
						|
                  ></path></svg
 | 
						|
              ></a>
 | 
						|
            </li>
 | 
						|
            <li class="tsd-description">
 | 
						|
              <div class="tsd-parameters">
 | 
						|
                <h4 class="tsd-parameters-title">Parameters</h4>
 | 
						|
                <ul class="tsd-parameter-list">
 | 
						|
                  <li>
 | 
						|
                    <h5>element: <span class="tsd-signature-type">Element</span></h5>
 | 
						|
                  </li>
 | 
						|
                  <li>
 | 
						|
                    <h5>
 | 
						|
                      theme: <span class="tsd-signature-type">string</span
 | 
						|
                      ><span class="tsd-signature-symbol"> | </span
 | 
						|
                      ><a
 | 
						|
                        href="../interfaces/theme_interface.CustomTheme.html"
 | 
						|
                        class="tsd-signature-type"
 | 
						|
                        data-tsd-kind="Interface"
 | 
						|
                        >CustomTheme</a
 | 
						|
                      ><span class="tsd-signature-symbol"> | </span
 | 
						|
                      ><a
 | 
						|
                        href="../interfaces/theme_interface.CustomThemeJson.html"
 | 
						|
                        class="tsd-signature-type"
 | 
						|
                        data-tsd-kind="Interface"
 | 
						|
                        >CustomThemeJson</a
 | 
						|
                      >
 | 
						|
                    </h5>
 | 
						|
                  </li>
 | 
						|
                </ul>
 | 
						|
              </div>
 | 
						|
              <h4 class="tsd-returns-title">
 | 
						|
                Returns <span class="tsd-signature-type">void</span>
 | 
						|
              </h4>
 | 
						|
              <aside class="tsd-sources">
 | 
						|
                <ul>
 | 
						|
                  <li>
 | 
						|
                    Defined in
 | 
						|
                    <a
 | 
						|
                      href="https://github.com/apuc/cg-select/blob/7a06e3a/src/components/theme/theme.ts#L4"
 | 
						|
                      >theme.ts:4</a
 | 
						|
                    >
 | 
						|
                  </li>
 | 
						|
                </ul>
 | 
						|
              </aside>
 | 
						|
            </li>
 | 
						|
          </ul>
 | 
						|
        </section>
 | 
						|
      </div>
 | 
						|
      <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
 | 
						|
        <div class="tsd-navigation settings">
 | 
						|
          <details class="tsd-index-accordion">
 | 
						|
            <summary class="tsd-accordion-summary">
 | 
						|
              <h3>
 | 
						|
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
 | 
						|
                  <path
 | 
						|
                    d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
 | 
						|
                    fill="var(--color-text)"
 | 
						|
                  ></path>
 | 
						|
                </svg>
 | 
						|
                Settings
 | 
						|
              </h3>
 | 
						|
            </summary>
 | 
						|
            <div class="tsd-accordion-details">
 | 
						|
              <div class="tsd-filter-visibility">
 | 
						|
                <h4 class="uppercase">Member Visibility</h4>
 | 
						|
                <form>
 | 
						|
                  <ul id="tsd-filter-options">
 | 
						|
                    <li class="tsd-filter-item">
 | 
						|
                      <label class="tsd-filter-input"
 | 
						|
                        ><input type="checkbox" id="tsd-filter-private" name="private" /><svg
 | 
						|
                          width="32"
 | 
						|
                          height="32"
 | 
						|
                          viewBox="0 0 32 32"
 | 
						|
                          aria-hidden="true"
 | 
						|
                        >
 | 
						|
                          <rect
 | 
						|
                            class="tsd-checkbox-background"
 | 
						|
                            width="30"
 | 
						|
                            height="30"
 | 
						|
                            x="1"
 | 
						|
                            y="1"
 | 
						|
                            rx="6"
 | 
						|
                            fill="none"
 | 
						|
                          ></rect>
 | 
						|
                          <path
 | 
						|
                            class="tsd-checkbox-checkmark"
 | 
						|
                            d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
 | 
						|
                            stroke="none"
 | 
						|
                            stroke-width="3.5"
 | 
						|
                            stroke-linejoin="round"
 | 
						|
                            fill="none"
 | 
						|
                          ></path></svg
 | 
						|
                        ><span>Private</span></label
 | 
						|
                      >
 | 
						|
                    </li>
 | 
						|
                  </ul>
 | 
						|
                </form>
 | 
						|
              </div>
 | 
						|
              <div class="tsd-theme-toggle">
 | 
						|
                <h4 class="uppercase">Theme</h4>
 | 
						|
                <select id="theme">
 | 
						|
                  <option value="os">OS</option>
 | 
						|
                  <option value="light">Light</option>
 | 
						|
                  <option value="dark">Dark</option>
 | 
						|
                </select>
 | 
						|
              </div>
 | 
						|
            </div>
 | 
						|
          </details>
 | 
						|
        </div>
 | 
						|
        <nav class="tsd-navigation primary">
 | 
						|
          <details class="tsd-index-accordion" open>
 | 
						|
            <summary class="tsd-accordion-summary">
 | 
						|
              <h3>
 | 
						|
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none">
 | 
						|
                  <path
 | 
						|
                    d="M4.93896 8.531L12 15.591L19.061 8.531L16.939 6.409L12 11.349L7.06098 6.409L4.93896 8.531Z"
 | 
						|
                    fill="var(--color-text)"
 | 
						|
                  ></path>
 | 
						|
                </svg>
 | 
						|
                Modules
 | 
						|
              </h3>
 | 
						|
            </summary>
 | 
						|
            <div class="tsd-accordion-details">
 | 
						|
              <ul>
 | 
						|
                <li class="current">
 | 
						|
                  <a href="../modules.html">All modules</a>
 | 
						|
                  <ul>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/cg_select.html">Cg-<wbr />select</a>
 | 
						|
                    </li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/interfaces_cg_select_interface.html"
 | 
						|
                        >Cg-<wbr />select.interface</a
 | 
						|
                      >
 | 
						|
                    </li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/interfaces_items_interface.html">Items.interface</a>
 | 
						|
                    </li>
 | 
						|
                    <li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
 | 
						|
 | 
						|
                    <li class="tsd-kind-module"><a href="../modules/Utils.html">Utils</a></li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/components_utils_urils_interface.html">Utils.interface</a>
 | 
						|
                    </li>
 | 
						|
                    <li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
 | 
						|
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/components_create_element_create_element.html"
 | 
						|
                        >Create-<wbr />element</a
 | 
						|
                      >
 | 
						|
                    </li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/components_create_element_create_element_interface.html"
 | 
						|
                        >Create-<wbr />element.interface</a
 | 
						|
                      >
 | 
						|
                    </li>
 | 
						|
                    <li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
 | 
						|
 | 
						|
                    <li class="selected tsd-kind-module">
 | 
						|
                      <a href="../modules/components_theme_theme.html">Theme</a>
 | 
						|
                    </li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/theme_interface.html">Theme.interface</a>
 | 
						|
                    </li>
 | 
						|
                    <li style="border-bottom: 1px solid white; width: 80%; margin-left: 25px"></li>
 | 
						|
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/language_language.html">language</a>
 | 
						|
                    </li>
 | 
						|
                    <li class="tsd-kind-module">
 | 
						|
                      <a href="../modules/interfaces_language_interface.html">Language.interface</a>
 | 
						|
                    </li>
 | 
						|
                  </ul>
 | 
						|
                </li>
 | 
						|
              </ul>
 | 
						|
            </div>
 | 
						|
          </details>
 | 
						|
        </nav>
 | 
						|
        <nav class="tsd-navigation secondary menu-sticky">
 | 
						|
          <ul>
 | 
						|
            <li class="current tsd-kind-function tsd-parent-kind-module">
 | 
						|
              <a href="components_theme_theme.changeTheme.html" class="tsd-index-link"
 | 
						|
                ><svg class="tsd-kind-icon" width="24" height="24" viewBox="0 0 24 24">
 | 
						|
                  <rect
 | 
						|
                    fill="var(--color-icon-background)"
 | 
						|
                    stroke="var(--color-ts-function)"
 | 
						|
                    stroke-width="1.5"
 | 
						|
                    x="1"
 | 
						|
                    y="1"
 | 
						|
                    width="22"
 | 
						|
                    height="22"
 | 
						|
                    rx="6"
 | 
						|
                    id="icon-64-path"
 | 
						|
                  ></rect>
 | 
						|
                  <path
 | 
						|
                    d="M9.39 16V7.24H14.55V8.224H10.446V11.128H14.238V12.112H10.47V16H9.39Z"
 | 
						|
                    fill="var(--color-text)"
 | 
						|
                    id="icon-64-text"
 | 
						|
                  ></path></svg
 | 
						|
                >change<wbr />Theme</a
 | 
						|
              >
 | 
						|
            </li>
 | 
						|
          </ul>
 | 
						|
        </nav>
 | 
						|
      </div>
 | 
						|
    </div>
 | 
						|
    <div class="container tsd-generator">
 | 
						|
      <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
 | 
						|
    </div>
 | 
						|
    <div class="overlay"></div>
 | 
						|
    <script src="../assets/main.js"></script>
 | 
						|
  </body>
 | 
						|
</html>
 |