Home | History | Annotate | Download | only in set_page_color
      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