color mode docs created

This commit is contained in:
Daniel
2023-03-24 15:18:12 +05:30
parent cb2bda5270
commit a2bd99031a
9 changed files with 380 additions and 99 deletions

View File

@@ -162,6 +162,7 @@ const htmlPath = (path != undefined) ? '.' : '..'
</li>
</ul>
</li>
<li class="nav-header">EXAMPLES</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link">
@@ -186,6 +187,15 @@ const htmlPath = (path != undefined) ? '.' : '..'
</li>
</ul>
</li>
<li class="nav-header">DOCUMENTATIONS</li>
<li class="nav-item">
<a href={htmlPath + '/docs/color-mode.html'} class="nav-link">
<i class="nav-icon fa-solid fa-star-half-stroke"></i>
<p>Color Mode</p>
</a>
</li>
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
<li class="nav-item">
<a href="javascript:;" class="nav-link">

View File

@@ -17,8 +17,8 @@ const distPath = (path != undefined) ? path : '../../../dist'
<a href="#" class="nav-link">Contact</a>
</li>
</ul>
<!-- End navbar links -->
<ul class="navbar-nav ms-auto">
<!-- Navbar Search -->
<li class="nav-item">
@@ -155,36 +155,6 @@ const distPath = (path != undefined) ? path : '../../../dist'
</li>
</ul>
</li>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link py-2 px-0 px-lg-2 dropdown-toggle d-flex align-items-center" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static">
<span class="theme-icon-active">
<i class="my-1"></i>
</span>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;">
<li>
<button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="light">
<i class="fa-regular fa-sun me-2"></i>
Light
<i class="fa-solid fa-check ms-auto d-none"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
<i class="fa-solid fa-moon me-2"></i>
Dark
<i class="fa-solid fa-check ms-auto d-none"></i>
</button>
</li>
<li>
<button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="auto">
<i class="fa-solid fa-circle-half-stroke me-2"></i>
Auto
<i class="fa-solid fa-check ms-auto d-none"></i>
</button>
</li>
</ul>
</li>
<!-- TODO tackel in v4.1 -->
<!-- <li class="nav-item">
<a class="nav-link" data-widget="fullscreen" href="#" role="button">