1 <style> 2 body { 3 overflow: hidden; 4 margin: 0px; 5 padding: 0px; 6 background: white; 7 } 8 9 div:first-child { 10 margin-top: 0px; 11 } 12 13 div { 14 cursor: pointer; 15 text-align: center; 16 padding: 1px 3px; 17 font-family: sans-serif; 18 font-size: 0.8em; 19 width: 100px; 20 margin-top: 1px; 21 background: #cccccc; 22 } 23 div:hover { 24 background: #aaaaaa; 25 } 26 #red { 27 border: 1px solid red; 28 color: red; 29 } 30 #blue { 31 border: 1px solid blue; 32 color: blue; 33 } 34 #green { 35 border: 1px solid green; 36 color: green; 37 } 38 #yellow { 39 border: 1px solid yellow; 40 color: yellow; 41 } 42 </style> 43 <script> 44 function click(color) { 45 chrome.tabs.executeScript(null, 46 {code:"document.body.style.backgroundColor='" + color.id + "'"}); 47 window.close(); 48 } 49 </script> 50 <div onclick="click(this)" id="red">red</div> 51 <div onclick="click(this)" id="blue">blue</div> 52 <div onclick="click(this)" id="green">green</div> 53 <div onclick="click(this)" id="yellow">yellow</div> 54