-
Notifications
You must be signed in to change notification settings - Fork 0
/
widget.html
52 lines (52 loc) · 3.86 KB
/
widget.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div data-widget-area="brand-header" class="ms-auto gap-3 p-2 align-self-center">
<div class="text-center d-none d-md-flex gap-1">
<div class="btn-group bottom-sheet">
<button type="button" class="btn-ghost-sm d-flex gap-2 dropdown-toggle" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="fa fa-fw fa-swatchbook link-primary" aria-hidden="true"></i>
<span class="visible-md-inline visible-lg-inline fw-semibold">Swatch <b class="caret"></b></span>
</button>
<ul class="dropdown-menu dropdown-menu-end account-sub-links multi-column columns-3" data-popper-placement="bottom-end" style="position: absolute; inset: 0px 0px auto auto; margin: 0px; transform: translate(0px, 32px);">
<div class="row">
<div class="col-sm-4 margin-right">
<ul id="theme" class="multi-column-dropdown">
<li>
<h6 class="theme-row-header">Light<i class="theme-icon fa-regular fa-sun"></i></h6>
<li role="presentation" class="dropdown-divider"></li>
</li>
<li id="default" class="dropdown-item rounded-1" href="#" theme-type="light" rel="/assets/customcss/flatly.css">Default<div class="swatch swatch-default"></div></li>
<li id="daylight" class="dropdown-item rounded-1" href="#" theme-type="light" rel="/assets/customcss/daylight.css">Daylight<div class="swatch swatch-daylight"></div></li>
<li id="flatly" class="dropdown-item rounded-1" href="#" theme-type="light" rel="/assets/customcss/flatly.css">Flatly<div class="swatch swatch-default"></div></li>
<li id="summertime" class="dropdown-item rounded-1" href="#" theme-type="light" rel="/assets/customcss/summertime.css">Summertime<div class="swatch swatch-summertime"></div></li>
<li id="ubuntu" class="dropdown-item rounded-1" href="#" theme-type="light" rel="/assets/customcss/ubuntu.css">Ubuntu<div class="swatch swatch-ubuntu"></div></li>
</ul>
</div>
<div class="col-sm-4 margin-right">
<ul id="theme" class="multi-column-dropdown">
<li>
<h6 class="theme-row-header">Dim<i class="theme-icon fa-light fa-sunset"></i></h6>
<li role="presentation" class="dropdown-divider"></li>
</li>
<li id="anthracite" class="dropdown-item rounded-1" href="#" theme-type="dim" rel="/assets/customcss/anthracite.css">Anthracite<div class="swatch swatch-anthracite"></div></li>
<li id="darkly" class="dropdown-item rounded-1" href="#" theme-type="dim" rel="/assets/customcss/darkly.css">Darkly<div class="swatch swatch-darkly"></div></li>
<li id="greybird" class="dropdown-item rounded-1" theme-type="dim" href="#" rel="/assets/customcss/greybird.css">Greybird<div class="swatch swatch-greybird"></div></li>
<li id="nord" class="dropdown-item rounded-1" theme-type="dim" href="#" rel="/assets/customcss/nord.css">Nord<div class="swatch swatch-nord"></div></li>
<li id="slate" class="dropdown-item rounded-1" theme-type="dim" href="#" rel="/assets/customcss/slate.css">Slate<div class="swatch swatch-slate"></div></li>
</ul>
</div>
<div class="col-sm-4 margin-right">
<ul id="theme" class="multi-column-dropdown">
<li>
<h6 class="theme-row-header">Darkness<i class="theme-icon fa-light fa-moon"></i></h6>
<li role="presentation" class="dropdown-divider"></li>
</li>
<li id="blackout" class="dropdown-item rounded-1" href="#" theme-type="dark" rel="/assets/customcss/blackout.css">Blackout<div class="swatch swatch-blackout"></div></li>
<li id="material-dark" class="dropdown-item rounded-1" href="#" theme-type="dark" rel="/assets/customcss/material-dark.css">Material<div class="swatch swatch-facetube"></div></li>
<li id="midnight" class="dropdown-item rounded-1" href="#" theme-type="dark" rel="/assets/customcss/midnight.css">Midnight<div class="swatch swatch-midnight"></div></li>
</ul>
</div>
</div>
</ul>
</div>
</div>
</div>