forked from zlrs/color-customizer-extension
-
Notifications
You must be signed in to change notification settings - Fork 0
/
popup.html
34 lines (32 loc) · 1.67 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
<!DOCTYPE html>
<html>
<head>
<title>My Test Extension Options</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="popup.css">
</head>
<body>
<section class="alert alert-warning" role="alert">
Please enter background color in RGB and click "Save":
</section>
<section>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">R</span>
<input type="text" id="id_rgb_r" class="form-control" placeholder="Red" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">G</span>
<input type="text" id="id_rgb_g" class="form-control" placeholder="Green" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">B</span>
<input type="text" id="id_rgb_b" class="form-control" placeholder="Blue" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="d-grid gap-2">
<button type="button" id="save_btn" class="btn btn-primary">Save</button>
</div>
</section>
<script src="popup.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>