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
|
// In Firefox (on Mac only?), for <input type="color">, setting value
// to abbreviated hex form (e.g. #123) doesn’t work. So all colors
// should be specified in full form.
const DEFAULT_NETSCAPE_PARAMS = {
color_bg: "#c0c0c0",
logo_url: "https://upload.wikimedia.org/wikipedia/commons/0/08/Netscape_icon.svg",
text_top: {
content: "Netscape",
pos: [31, 11],
font_size: 10.5,
color: "#000000",
},
text_bottom: {
content: "Now!",
pos: [30, 28],
font_size: 17.5,
color: "#ff0000",
},
banner: {
style: "corner_bottom_right", // corner_bottom_right or right
color: "#008080",
text: {
content: "5.0",
pos: [65, 46],
font_size: 8,
color: "#ffffff",
},
},
};
const DEFAULT_APP_STATE = {
button_type: "netscape",
button_params: DEFAULT_NETSCAPE_PARAMS,
}
const SVG_ATTRIBUTES = {viewBox: "0 0 88 31", width: 88, height: 31};
// Return three integers as an array.
function parseHexColor(color_str)
{
console.debug("Parsing", color_str);
m = color_str.match(/^#([0-9a-f]{3})$/i);
if(m)
{
// in three-character format, each value is multiplied by 0x11 to give an
// even scale from 0x00 to 0xff
return [
parseInt(m[1].charAt(0),16)*0x11,
parseInt(m[1].charAt(1),16)*0x11,
parseInt(m[1].charAt(2),16)*0x11
];
}
m = color_str.match(/^#([0-9a-f]{6})$/i);
if(m)
{
return [
parseInt(m[1].substr(0,2),16),
parseInt(m[1].substr(2,2),16),
parseInt(m[1].substr(4,2),16)
];
}
return null;
}
function lighten(rgb, delta)
{
return [rgb[0] + delta, rgb[1] + delta, rgb[2] + delta];
}
function darken(rgb, delta)
{
return [rgb[0] - delta, rgb[1] - delta, rgb[2] - delta];
}
function color2Str(color)
{
return `rgb(${color[0]} ${color[1]} ${color[2]})`;
}
|
