diff --git a/README.md b/README.md
index 0e60641..d88a4af 100644
--- a/README.md
+++ b/README.md
@@ -2,29 +2,21 @@
 
 An edge-less UI theme for Atom.
 
-![preview](https://i.imgur.com/XuCeIN6.png)
+**Preview - [Restia] background** :
 
-This theme is in early stage. Don't use.
+[Restia]: http://frantle.deviantart.com/art/Restia-Ashdoll-485496857
 
-TODO:
+![preview_restia_background](https://i.imgur.com/1w3ZzTW.jpg)
 
-- button style
-- cursor style
-- linter inline notify style
-- setting options support
-- ヾ(ﾟ∀ﾟ○)ﾂ
+**Preview - Solid background** :
 
----
+![preview_solid_background](https://i.imgur.com/YgVLsUA.png)
 
-Ok, you really want to use now ?
-
-```bash
-apm install frantic1048/Tia-ui
-```
+# Usage
 
 Enable Tia ui theme in Atom settings.
 
-Add follow line to your custom stylesheet, replace `<path to your loving image>` as you want. If needed, also add background-<option> to perfectly fit your flavor:
+Add follow lines to your custom stylesheet, replace `<path to your loving image>` as you want. If needed, also add `background-<option>` rules to perfectly fit your flavor:
 
 ```less
 atom-workspace {
diff --git a/index.less b/index.less
index 7d79350..236bf19 100644
--- a/index.less
+++ b/index.less
@@ -15,3 +15,4 @@
 @import "styles/tooltips";
 @import "styles/tree-view";
 @import "styles/utilities";
+@import "styles/settings-view";
diff --git a/package.json b/package.json
index 08f2074..cb69e8e 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,10 @@
 {
   "name": "Tia-ui",
   "theme": "ui",
-  "version": "0.0.1",
+  "version": "1.0.0",
   "description": "An edge-less UI theme for Atom",
   "license": "WTFPL",
-  "repository": "https://github.com/atom/Tia-ui",
+  "repository": "https://github.com/frantic1048/Tia-ui",
   "engines": {
     "atom": ">0.40.0"
   }
diff --git a/styles/atom.less b/styles/atom.less
index 9aa656c..19b15ff 100644
--- a/styles/atom.less
+++ b/styles/atom.less
@@ -32,3 +32,14 @@ atom-workspace {
 	  }
   }
 }
+
+.icon {
+	vertical-align: baseline;
+}
+
+atom-notifications{
+	atom-notification,
+	atom-notification.icon {
+		height: auto;
+	}
+}
diff --git a/styles/buttons.less b/styles/buttons.less
index 0824580..b989646 100644
--- a/styles/buttons.less
+++ b/styles/buttons.less
@@ -4,21 +4,35 @@
 .btn-background (@color, @hover-color, @selected-color, @text-color) {
   color: @text-color;
   background-color: transparent;
-  background-image: -webkit-linear-gradient(@color, darken(@color, 5%));
+  background-image: linear-gradient(to bottom, fade(@color, 25%), fade(darken(@color, 5%), 25%));
+  background-clip: border-box;
+  border-bottom: 2px solid transparent;
 
   &:focus {
     color: @text-color;
+    outline: none !important;
   }
+
   &:hover {
     color: @text-color-highlight;
-    background-image: -webkit-linear-gradient(@hover-color, darken(@hover-color, 5%));
+    background-color: transparent;
+    border-color: transparent;
+    background-image: linear-gradient(to bottom, fade(@hover-color, 25%), fade(darken(@hover-color, 5%), 25%));
+  }
+
+  &:active {
+    background-image: linear-gradient(to bottom, fade(@hover-color, 25%), fade(darken(@hover-color, 5%), 25%));
+    border-bottom-color: lighten(@background-color-info, 40%);
   }
+
   &.selected,
   &.selected:hover {
     color: @text-color-highlight;
-    background-image: -webkit-linear-gradient(darken(@selected-color, 5%), @selected-color);
+    border-bottom-color: @background-color-info;
+    transition: border-color 0.3s ease;
+    background-image: linear-gradient(to bottom, fade(darken(@selected-color, 5%), 25%), fade(@selected-color, 25%));
     &:hover {
-      background-image: -webkit-linear-gradient(@selected-color, darken(@selected-color, 5%));
+      background-image: linear-gradient(to bottom, fade(@selected-color, 25%), fade(darken(@selected-color, 5%), 25%));
     }
   }
 }
@@ -34,6 +48,10 @@
   .btn-background(@button-background-color, @button-background-color-hover, @button-background-color-selected, @text-color);
 }
 
+.btn.btn-default {
+  .btn-variant(@button-background-color);
+}
+
 .btn.btn-primary {
   .btn-variant(@background-color-info);
 }
diff --git a/styles/dropdowns.less b/styles/dropdowns.less
index 270a1ff..21fd20c 100644
--- a/styles/dropdowns.less
+++ b/styles/dropdowns.less
@@ -1,6 +1,5 @@
 @import "ui-variables";
 @import "ui-mixins";
-@import "octicon-mixins";
 
 .dropdown-menu {
   background-color: @overlay-background-color;
diff --git a/styles/editor.less b/styles/editor.less
index df29a9e..0d8744b 100644
--- a/styles/editor.less
+++ b/styles/editor.less
@@ -1,20 +1,40 @@
 @import "ui-variables";
 @import "ui-mixins";
 
+.cursor-style() {
+  display: block;
+  color:transparent;
+  border-color:transparent;
+  background: @text-color-success;
+  box-shadow: 0 0 3px @text-color-success;
+  width:3px !important;
+  transition: background-color 0.2s  cubic-bezier(0.02, 0.7, 1.0, 0.1),
+              opacity 0.2s  cubic-bezier(0.02, 0.7, 1.0, 0.1)
+  ;
+}
+
 atom-text-editor[mini], atom-text-editor[mini]::shadow {
   color: @text-color-highlight;
   background-color: @input-background-color;
-  border: 1px solid @input-border-color;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   border-radius: @component-border-radius;
   padding-left: @component-padding/2;
 
-  .cursor { border-color: #fff; }
+  .cursor { .cursor-style(); }
   .selection .region { background-color: lighten(@input-background-color, 10%); }
+  .placeholder-text {
+    color: @text-color-subtle;
+  }
+}
+
+atom-text-editor[mini]:active, atom-text-editor[mini].active::shadow {
+  border-bottom:1px solid lighten(@background-color-info, 45%);
 }
 
 atom-text-editor[mini].is-focused, atom-text-editor[mini].is-focused::shadow {
+  border-bottom:1px solid lighten(@background-color-info, 5%);
   background-color: lighten(@input-background-color, 5%);
+  transition: border-color 0.3s ease;
   .selection .region { background-color: desaturate(@background-color-info, 50%); }
 }
 
@@ -27,9 +47,13 @@ atom-text-editor, atom-text-editor::shadow {
     opacity:0;
   }
 
+  .cursor {
+    .cursor-style();
+  }
+
   .line{
     &.cursor-line{
-      border-bottom:1px solid lighten(@text-color-info, 5%);
+      border-bottom:1px solid lighten(@background-color-info, 5%);
       background: fade(@background-color-info, 10%);
       &>span{
       }
@@ -44,20 +68,8 @@ atom-text-editor, atom-text-editor::shadow {
     z-index: 10;
     background:fade(@background-color-info, 15%);
 
-    // HACK:
-    // I meant to show left/right border
-    // for first/last line
-    // of a block of selection
-    // but *-of-type cannot achieve this.
-    // because blank line causes a new `section`
-    transform: translate3d(-3px, 0, 0);
-
-    &:first-of-type {
-      border-left:3px solid lighten(@text-color-info, 5%);
-    }
-    &:last-of-type {
-      border-right:3px solid lighten(@text-color-info, 5%);
-    }
+    border-left:3px solid lighten(@background-color-info, 5%);
+    border-right:3px solid lighten(@background-color-info, 5%);
   }
 
   .highlight.bracket-matcher .region{
@@ -118,4 +130,20 @@ atom-text-editor, atom-text-editor::shadow {
      }
    }
   }
+
+  // Linter bubble
+  #linter-inline {
+    color: #eee;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 0px;
+    &::before {
+    }
+  }
+}
+
+.badge {
+  color: #fff;
+  background: fade(@background-color-highlight, 20%);
+  text-shadow: none !important;;
+  border-radius: @component-border-radius;
 }
diff --git a/styles/overlays.less b/styles/overlays.less
index 8180e31..279796a 100644
--- a/styles/overlays.less
+++ b/styles/overlays.less
@@ -3,8 +3,7 @@
 atom-panel.modal, .overlay {
   color: @text-color;
   background-color: @overlay-background-color;
-  padding: @component-padding;
-  border: 1px solid @overlay-border-color;
+  padding: 0px;
   box-shadow: 0 0 10px @base-border-color;
   border-radius: @component-border-radius;
 
@@ -15,11 +14,10 @@ atom-panel.modal, .overlay {
   .select-list ol.list-group,
   &.select-list ol.list-group {
 
-    background-color: lighten(@overlay-background-color, 3%);
+    background-color: @overlay-background-color;
 
     li {
       padding: @component-padding;
-      border-bottom: 1px solid @overlay-background-color;
 
       &.two-lines { padding: @component-padding/2 @component-padding; }
 
diff --git a/styles/panels.less b/styles/panels.less
index bd6ec59..a0ab282 100644
--- a/styles/panels.less
+++ b/styles/panels.less
@@ -4,8 +4,6 @@
 
 .panel {
   &.bordered {
-    border: 1px solid @base-border-color;
-    border-radius: @component-border-radius;
   }
 }
 
@@ -70,6 +68,11 @@ status-bar {
     align-items: center;
   }
 
+  .flexbox-repaint-hack {
+    display: flex;
+    justify-content: space-between;
+  }
+
   linter-bottom-container {
     linter-bottom-tab {
       background: @tab-bar-tab-background-color;
@@ -77,7 +80,7 @@ status-bar {
       border-bottom: 2px solid @tab-bar-tab-background-color;
       &.active {
         background: fade(lighten(@base-background-color, 30%), 30%);
-        border-bottom: 2px solid @text-color-info;
+        border-bottom: 2px solid @background-color-info;
         transition: border-color 0.2s ease;
       }
       &:active {
@@ -102,4 +105,11 @@ status-bar {
       line-height: 26px;
     }
   }
+
+  // package update view
+  .package-updates-status-view {
+    display: flex;
+    padding-left: 8px;
+    padding-right: 3px;
+  }
 }
diff --git a/styles/settings-view.less b/styles/settings-view.less
new file mode 100644
index 0000000..d6c4275
--- /dev/null
+++ b/styles/settings-view.less
@@ -0,0 +1,15 @@
+.settings-view {
+  .config-menu {
+    border: none;
+  }
+
+  .package-card {
+    border-radius: @component-border-radius;
+    border: none;
+    background: @tab-bar-tab-background-color;
+
+    &:hover {
+      background: fade(lighten(@tab-bar-tab-background-color, 25%), 30%);
+    }
+  }
+}
diff --git a/styles/tabs.less b/styles/tabs.less
index b888323..1e6e8bf 100644
--- a/styles/tabs.less
+++ b/styles/tabs.less
@@ -54,6 +54,12 @@
       position: relative;
       z-index: 1;
       padding-right: 10px;
+      &.title.icon::before {
+        font-size: @modified-icon-width;
+        margin-right: 4px;
+        width: @modified-icon-width;
+        height: @modified-icon-width;
+      }
     }
   }
 
@@ -61,8 +67,9 @@
     z-index: 1;
     color: @text-color-highlight;
     height: @tab-height + 1px;
-    background: fade(lighten(@base-background-color, 30%), 30%);
-    border-bottom: 3px solid @text-color-info;
+    background: fade(lighten(@base-background-color,  30%), 30%);
+
+    border-bottom: 3px solid @background-color-info;
     transition: border-color 0.3s ease;
 
     .close-icon {
diff --git a/styles/ui-variables.less b/styles/ui-variables.less
index 401122a..205667f 100644
--- a/styles/ui-variables.less
+++ b/styles/ui-variables.less
@@ -1,14 +1,14 @@
 // Colors
 
-@text-color: #eee;
-@text-color-subtle: #cdcdcd;
-@text-color-highlight: #fff;
+@text-color: rgb(238, 238, 238);
+@text-color-subtle: rgb(187, 187, 187);
+@text-color-highlight: rgb(255, 255, 255);
 @text-color-selected: @text-color-highlight;
 
-@text-color-info: rgb(115, 44, 213);
-@text-color-success: #82FF58;
-@text-color-warning: #FFC46B;
-@text-color-error: #f9193b;
+@text-color-info: rgb(185, 109, 255);
+@text-color-success: rgb(172,255,63);
+@text-color-warning: rgb(255, 196, 104);
+@text-color-error: rgb(224, 33, 79);
 
 @text-color-ignored: @text-color-subtle;
 @text-color-added: @text-color-success;
@@ -18,12 +18,12 @@
 
 @background-color-info: rgb(115, 44, 213);
 @background-color-success: rgb(172,255,63);
-@background-color-warning: #FFC46B;
-@background-color-error: #f9193b;
+@background-color-warning: rgb(175, 94, 36);
+@background-color-error: rgb(224, 33, 79);
 @background-color-highlight: rgba(255, 255, 255, 0.07);
 @background-color-selected: fade(@background-color-info, 40%);
 
-@app-background-color: #333;
+@app-background-color: rgb(51, 51, 51);
 
 @base-background-color: rgba(0, 0, 0, 0.1);
 @base-border-color: rgba(0, 0, 0, 0.5);
@@ -31,32 +31,32 @@
 @pane-item-background-color: @base-background-color;
 @pane-item-border-color: rgba(0, 0, 0, 0.5);
 
-@input-background-color: #212224;
-@input-border-color: @base-border-color;
+@input-background-color: rgba(0, 0, 0, 0.2);
+@input-border-color: rgba(0, 0, 0, 0);
 
 @tool-panel-background-color: rgba(29,30,33,0);
 @tool-panel-border-color: @base-border-color;
 
-@inset-panel-background-color: #161719;
+@inset-panel-background-color: rgba(0,0,0,0.3);
 @inset-panel-border-color: @base-border-color;
 
-@panel-heading-background-color: #43484d;
+@panel-heading-background-color: rgba(0, 0, 0, 0.3);
 @panel-heading-border-color: fadein(@base-border-color, 10%);
 
-@overlay-background-color: #202123;
+@overlay-background-color: rgba(0, 0, 0, 0.6);
 @overlay-border-color: @background-color-highlight;
 
-@button-background-color: #43484d;
-@button-background-color-hover: lighten(@button-background-color, 5%);
-@button-background-color-selected: #5c6064;
+@button-background-color: rgba(0, 0, 0, 0.3);
+@button-background-color-hover: lighten(@button-background-color, 15%);
+@button-background-color-selected: lighten(@button-background-color, 25%);
 @button-border-color: @base-border-color;
 
 @tab-bar-background-color: rgba(0, 0, 0, 0);
 @tab-bar-border-color: darken(@tab-background-color-active, 10%);
 @tab-bar-tab-background-color: rgba(0, 0, 0, 0.1);
-@tab-background-color: #333;
-@tab-background-color-active: #222;
-@tab-border-color: #484848;
+@tab-background-color: rgb(51, 51, 51);
+@tab-background-color-active: rgb(51, 51, 51);
+@tab-border-color: rgb(51, 51, 51);
 
 @tree-view-background-color: rgba(0, 0, 0, 0);
 @tree-view-border-color: @tool-panel-border-color;
@@ -65,11 +65,11 @@
 @scrollbar-color: rgba(0, 0, 0, 0.4);
 @scrollbar-color-active: fade(lighten(@background-color-info, 5%), 60%);
 
-@ui-site-color-1: @background-color-success; // green
-@ui-site-color-2: @background-color-info; // blue
-@ui-site-color-3: @background-color-warning; // orange
-@ui-site-color-4: #db2ff4; // purple
-@ui-site-color-5: #f5e11d; // yellow
+@ui-site-color-1: @background-color-success;
+@ui-site-color-2: @background-color-info;
+@ui-site-color-3: @background-color-warning;
+@ui-site-color-4: rgb(51, 51, 51);
+@ui-site-color-5: rgb(88, 163, 255);
 
 
 // Sizes
@@ -79,8 +79,8 @@
 
 @disclosure-arrow-size: 12px;
 
-@component-padding: 10px;
-@component-icon-padding: 5px;
+@component-padding: 5px;
+@component-icon-padding: 4px;
 @component-icon-size: 16px;
 @component-line-height: 25px;
 @component-border-radius: 1px;
@@ -106,7 +106,7 @@
 @editor-background-attachment: scroll;
 @editor-background-color: rgba(0, 0, 0, 0);
 
-@window-background-image: linear-gradient(to right, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
+@window-background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
                           url("<path to your loving image>");
 @window-background-position: center, top center;
 @window-background-size: cover;