<!doctype html>
<html>
<head>
<style type="text/css">
html {
border-radius: 6px;
}
body {
width: 18em;
padding: 0.75em;
border-radius: 6px;
}
* {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#title {
outline: none;
}
.kb {
font-weight: normal;
font-style: italic;
font-size: 10pt;
}
button {
width: 100%;
margin: 0.75em 0 0.25em 0;
padding: 0.5em 1.5em;
}
button#toggle {
font-size: 12pt;
}
body.disabled h3,
body.disabled a,
body.disabled label {
color: #aaa;
}
h2 {
font-size: 12pt;
text-align: center;
}
label {
display: block;
}
fieldset {
border: none;
margin: 0;
margin-bottom: 1em;
padding: 0;
}
legend {
padding-top: 1em;
padding-bottom: 0.5em;
}
input[type="radio"] {
margin-left: 1em;
}
</style>
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="storage.js"></script>
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<h2 id="title"></h2>
<button id="toggle"></button>
<div id="subcontrols">
<fieldset>
<legend id="scheme_title"></legend>
<label>
<input type="radio" name="scheme" value="0">
<span i18n-content="highcontrast_mode_normal"></span>
</label>
<label>
<input type="radio" name="scheme" value="1">
<span i18n-content="highcontrast_increased_contrast"><span>
</label>
<label>
<input type="radio" name="scheme" value="2">
<span i18n-content="highcontrast_grayscale"><span>
</label>
<label>
<input type="radio" name="scheme" value="3">
<span i18n-content="highcontrast_inverted_color"><span>
</label>
<label>
<input type="radio" name="scheme" value="4">
<span i18n-content="highcontrast_inverted_grayscale"><span>
</label>
<label>
<input type="radio" name="scheme" value="5">
<span i18n-content="highcontrast_yellow_on_black"><span>
</label>
</fieldset>
<button id="make_default"><span i18n-content="highcontrast_setdefault"></span></button>
<button id="forget"><span i18n-content="highcontrast_forget"></span></button>
</div>
</body>
</html>