|
192 | 192 | </div> |
193 | 193 | <div id='theme-switcher-popup' class='sb-theme-popup'> |
194 | 194 | <ul id="themelist" class="options" role="list"> |
| 195 | + <li class="e-list" id="bootstrap5" role="listitem"> |
| 196 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 197 | + <span class="switch-text">Bootstrap v5</span> |
| 198 | + </li> |
| 199 | + <li class="e-list" id="bootstrap5-dark" role="listitem"> |
| 200 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 201 | + <span class="switch-text">Bootstrap v5 Dark</span> |
| 202 | + </li> |
| 203 | + <li class="e-list" id="tailwind"> |
| 204 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 205 | + <span class="switch-text">Tailwind CSS</span> |
| 206 | + </li> |
| 207 | + <li class="e-list" id="tailwind-dark"> |
| 208 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 209 | + <span class="switch-text">Tailwind CSS Dark</span> |
| 210 | + </li> |
195 | 211 | <li class='active' id="material" role="listitem"> |
196 | 212 | <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
197 | 213 | <span class="switch-text">Material</span> |
198 | 214 | </li> |
| 215 | + <li class="e-list" id="material-dark"> |
| 216 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 217 | + <span class="switch-text">Material Dark</span> |
| 218 | + </li> |
199 | 219 | <li id="fabric" role="listitem"> |
200 | 220 | <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
201 | 221 | <span class="switch-text">Fabric</span> |
202 | 222 | </li> |
203 | | - <li class="e-list" id="bootstrap" role="listitem"> |
| 223 | + <li class="e-list" id="fabric-dark"> |
204 | 224 | <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
205 | | - <span class="switch-text">Bootstrap</span> |
| 225 | + <span class="switch-text">Fabric Dark</span> |
206 | 226 | </li> |
207 | 227 | <li class="e-list" id="bootstrap4" role="listitem"> |
208 | 228 | <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
209 | 229 | <span class="switch-text">Bootstrap v4</span> |
210 | 230 | </li> |
211 | | - <li class="e-list" id="tailwind"> |
212 | | - <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
213 | | - <span class="switch-text">Tailwind</span> |
| 231 | + <li class="e-list" id="bootstrap" role="listitem"> |
| 232 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 233 | + <span class="switch-text">Bootstrap</span> |
| 234 | + </li> |
| 235 | + <li class="e-list" id="bootstrap-dark"> |
| 236 | + <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
| 237 | + <span class="switch-text">Bootstrap Dark</span> |
214 | 238 | </li> |
215 | | - <!--<li class="e-list" id="tailwind-dark">--> |
216 | | - <!-- <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>--> |
217 | | - <!-- <span class="switch-text">Tailwind Dark</span>--> |
218 | | - <!--</li>--> |
219 | 239 | <li class="e-list" id="highcontrast"> |
220 | 240 | <span class='sb-icons sb-theme-select sb-icon-icon-selection'></span> |
221 | 241 | <span class="switch-text">High Contrast</span> |
222 | 242 | </li> |
223 | 243 | </ul> |
| 244 | + <div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material">Go to Theme Studio</a></div> |
224 | 245 | </div> |
225 | 246 | <div id='settings-popup' class='sb-setting-popup'> |
226 | 247 | <div class='sb-setting-header'> |
|
235 | 256 | </div> |
236 | 257 | <div class='setting-content setting-theme-change'> |
237 | 258 | <select id='sb-setting-theme' class='sb-setting-theme-select'> |
| 259 | + <option value="bootstrap5">Bootstrap v5</option> |
| 260 | + <option value="bootstrap5-dark">Bootstrap v5 Dark</option> |
| 261 | + <option value="tailwind">Tailwind CSS</option> |
| 262 | + <option value="tailwind-dark">Tailwind CSS Dark</option> |
238 | 263 | <option value="material">Material</option> |
| 264 | + <option value="material-dark">Material Dark</option> |
239 | 265 | <option value="fabric">Fabric</option> |
240 | | - <option value="bootstrap">Bootstrap</option> |
| 266 | + <option value="fabric-dark">Fabric Dark</option> |
241 | 267 | <option value="bootstrap4">Bootstrap v4</option> |
242 | | - <!--<option value="tailwind-dark">Tailwind Dark</option>--> |
243 | | - <option value="tailwind">Tailwind</option> |
| 268 | + <option value="bootstrap">Bootstrap</option> |
| 269 | + <option value="bootstrap-dark">Bootstrap Dark</option> |
244 | 270 | <option value="highcontrast">High Contrast</option> |
245 | 271 | </select> |
246 | 272 | </div> |
@@ -465,7 +491,7 @@ <h1 class='sb-sample-text'>Chart</h1> |
465 | 491 | </div> |
466 | 492 | </div> |
467 | 493 |
|
468 | | - </div> |
| 494 | + <!--</div>--> |
469 | 495 |
|
470 | 496 |
|
471 | 497 | <script src="src/common/index.min.js" type="text/javascript"></script> |
|
0 commit comments