forked from prettierlichess/prettierlichess
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
112 lines (106 loc) · 3.89 KB
/
popup.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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
<head>
<title>HypeChess</title>
<link href="popupStyles.css" rel="stylesheet" type="text/css" />
<link href="nano.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<img src="./logo.png" alt="logo" class="logo">
<div class="tabGroup">
<div class="tab active" id="siteTab">Site Colors</div>
<div class="tab" id="boardTab">Board Colors</div>
</div>
<form id="list">
<div id="siteColorGroup">
<div class="listItem">
<span>primary color</span>
<div id="primaryColor"></div>
</div>
<div class="listItem">
<span>secondary color</span>
<div id="secondaryColor"></div>
</div>
<div class="listItem">
<span>tertiary color</span>
<div id="tertiaryColor"></div>
</div>
<div class="listItem">
<span>background color</span>
<div id="backgroundColor"></div>
</div>
<div class="listItem">
<span>surface color</span>
<div id="surfaceColor"></div>
</div>
<div class="listItem">
<span>surface color hover</span>
<div id="surfaceColorHover"></div>
</div>
<div class="listItem">
<span>default white</span>
<div id="defaultWhite"></div>
</div>
<div class="listItem">
<span>text color</span>
<div id="textColor"></div>
</div>
</div>
<div id="boardColorGroup" class="hideGroup">
<div class="customBoardGroup">
<div class="button" id="hideBoardColors">
Disable Custom Board Colours
</div>
<div class="listItem boardColorSelector">
<span>Colour of dark squares</span>
<div id="boardDark"></div>
</div>
<div class="listItem boardColorSelector">
<span>Colour of light squares</span>
<div id="boardLight"></div>
</div>
</div>
<div class="listItem">
<span>Colour of last move highlight</span>
<div id="lastMove"></div>
</div>
<div class="listItem">
<span>Colour of premove</span>
<div id="preMove"></div>
</div>
<div class="listItem">
<span>Colour of move indicator </span>
<div id="moveIndicator"></div>
</div>
<div class="listItem">
<span>Colour of primary arrow</span>
<div id="arrowPrimary"></div>
</div>
<div class="listItem">
<span>Colour of secondary arrow</span>
<div id="arrowSecondary"></div>
</div>
<div class="listItem">
<span>Colour of tertiary arrow</span>
<div id="arrowTertiary"></div>
</div>
<div class="listItem">
<span>Colour of alternate arrow</span>
<div id="arrowAlternate"></div>
</div>
</div>
<div id="buttonRow">
<div class="button" id="importButton">Import Profile</div>
<div class="button" id="exportButton">Export Profile</div>
</div>
<button id="resetButton">
Reset to Defaults
</button>
<div id="basicImportExportContainer" style="display:none;">
<textarea placeholder="Paste JSON/Download Contents here!" rows="8" id="basicImportExport"></textarea>
<div class="button" id="importExportAction">SaveOrCopy</div>
</div>
</form>
<script src="popup.js" type="module"></script>
</body>
</html>