diff --git a/popup.html b/popup.html
index 7b72f74..5bb89cb 100644
--- a/popup.html
+++ b/popup.html
@@ -5,41 +5,68 @@
     <style>
       body {
         overflow: hidden;
-        margin: 5px;
+        margin: 0;
         padding: 5px;
         background: #fff;
+        width: 150px;
+      }
+      
+      div{
+        width: 150px;
       }
 
-      div:first-child {
-        margin-top: 0px;
-      }
-
-      div {
+      button {
+        border: none;
+        border-radius: 5px;
         text-align: center;
         padding: 5px 3px;
         font-family: sans-serif;
-        font-size: 1.4em;
-        width: 110px;
-        margin-top: 5px;
+        font-size: 1em;
+        width: 140px; 
+        margin-bottom: 10px;  
+      }
+      
+      .enable {
+        color: #A43B00;
         background: #FFE2BF;
       }
-      div:hover {
+      
+      .enable:hover {
         background: #FFD19A;
       }
-      #enable {
-        border: 5px solid #FF8B00;
-        color: #A43B00;
+
+      .disable {
+        color: #fcf9fa;
+        background: #b2aeaf;
       }
-      #disable {
-        border: 5px solid #FF8B00;
-        color: #A43B00;
+
+      .disable:hover {
+        background: #4c4b4c;
+      }
+
+      #rule {
+        color: #4c4b4c;
+        background: #a5e569;
+      }
+      
+      #rule:hover {
+        background: #96d160;
+      }
+
+      img {
+        margin-left: auto;
+        margin-right: auto;
+        display: block;
       }
     </style>
     <script src="popup.js"></script>
   </head>
   <body>
-    <div id="enable"><b>Enable</b></div>
-    <div id="disable"><b>Disable</b></div><br>
-	<img src="icon128.png"></img>
+    <div>
+      <button id="status" class="enable" onclick="changeStatus()">Global Enable</button><br>
+      <button id="exception" class="enable" onclick="handleException()">Enable on page</button><br>
+      <button id="rule">Add rule</button><br>
+      <img src="icon96.png"></img>
+    </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/popup.js b/popup.js
new file mode 100644
index 0000000..e699a22
--- /dev/null
+++ b/popup.js
@@ -0,0 +1,30 @@
+var status = "on";
+      var exception = "off";
+
+      function changeStatus(){
+        var element = document.getElementById('status');
+        var val = "Global Enable";
+        if(status == "on"){
+          val = " Global Disable";
+          status = "off";
+          element.className = "disable";
+        }else{
+          status = "on";
+          element.className = "enable";
+        }
+        element.innerHTML = val;
+      }
+
+      function handleException(){
+        var element = document.getElementById('exception');
+        var val = "Enable on page";
+        if(exception == "off"){
+          val = "Disable on page";
+          exception = "on";
+          element.className = "disable";
+        }else{
+          exception = "off";
+          element.className = "enable";
+        }
+        element.innerHTML = val;
+      }
\ No newline at end of file
