renewal key binding

browser/styles/main/ArticleDetail.styl

@@ -1,5 +1,4 @@
 noTagsColor = #999
-iptFocusBorderColor = #369DCD
 
 infoButton()
   display inline-block
@@ -7,14 +6,17 @@ infoButton()
   cursor pointer
   height 33px
   width 33px
-  border none
   margin-right 5px
   font-size 18px
   color inactiveTextColor
   background-color white
   padding 0
+  border 1px solid white
+  &:focus
+    border-color focusBorderColor
   &:hover
     color inherit
+
 .ArticleDetail
   absolute right bottom
   top 60px
@@ -55,7 +57,7 @@ infoButton()
       &:hover
         background-color white
       &:focus
-        border-color iptFocusBorderColor
+        border-color focusBorderColor
       &>.tutorial
         position fixed
         z-index 35
@@ -124,11 +126,15 @@ infoButton()
             border-top solid 1px darken(brandColor, 5%)
             border-bottom solid 1px darken(brandColor, 5%)
             border-left solid 1px darken(brandColor, 5%)
+            border-right solid 1px transparent
             border-radius left 2px
             background-color brandColor
             &:hover
               background-color lighten(brandColor, 10%)
               border-color lighten(brandColor, 10%)
+            &:focus
+              background-color lighten(brandColor, 10%)
+              border-color focusBorderColor
           .TagSelect-tags-item-label
             background-color brandColor
             float left
@@ -142,12 +148,13 @@ infoButton()
         input.TagSelect-input
           background-color transparent
           border none
+          border-bottom 1px solid transparent
           outline none
           margin 0 2px
           transition 0.15s
           height 18px
           &:focus
-            font-size 13px
+            border-color focusBorderColor
       .TagSelect-suggest
         position fixed
         width 150px
@@ -208,7 +215,7 @@ infoButton()
             padding 0 5px
             line-height 33px
         &.edit
-          border-color iptFocusBorderColor
+          border-color focusBorderColor
           input
             width 120px
             line-height 31px

browser/styles/main/ArticleList.styl

@@ -8,6 +8,8 @@ articleItemColor = #777
   width 250px
   border-top 1px solid borderColor
   border-right 1px solid borderColor
+  &:focus
+    border-color focusBorderColor
   overflow-y auto
   noSelect()
   &>div

browser/styles/main/ArticleTopBar.styl

@@ -137,6 +137,11 @@ infoBtnActiveBgColor = #3A3A3A
         &:active
           color inherit
           background-color lighten(topBarBtnBgColor, 15%)
+        &:disabled
+          color inactiveTextColor
+          background transparent
+        &:focus
+          color focusBorderColor
         &.ArticleTopBar-left-unsaved-save-button
           position relative
           .ArticleTopBar-left-unsaved-save-button-count
@@ -175,8 +180,10 @@ infoBtnActiveBgColor = #3A3A3A
       background-color infoBtnBgColor
       color bgColor
       border-radius 11px
-      border none
+      border 1px solid bgColor
       transition 0.1s
+      &:focus
+        border-color focusBorderColor
       .tooltip
         tooltip()
         margin-left -50px
@@ -192,6 +199,12 @@ infoBtnActiveBgColor = #3A3A3A
       top 8px
       right 15px
       opacity 0.7
+      border-radius 23px
+      height 46px
+      width 46px
+      border 1px solid transparent
+      &:focus
+        border-color focusBorderColor
       &:hover
         opacity 1
         .tooltip

browser/styles/main/modal/DeleteArticleModal.styl

@@ -1,5 +1,5 @@
 .DeleteArticleModal.modal
-  width 350px
+  width 350px !important
   top 100px
   user-select none
   .title
@@ -21,9 +21,13 @@
       margin-left 5px
       &:hover
         background-color darken(white, 10%)
+      &:focus
+        border-color focusBorderColor
       &.danger
         border-color #E9432A
         background-color #E9432A
         color white
         &:hover
           background-color lighten(#E9432A, 15%)
+        &:focus
+          background-color lighten(#E9432A, 15%)

browser/styles/vars.styl

@@ -3,6 +3,8 @@ highlightenBorderColor = darken(borderColor, 20%)
 invBorderColor = #404849
 brandBorderColor = #3FB399
 
+focusBorderColor = #369DCD
+
 buttonBorderColor = #4C4C4C
 
 lightButtonColor = #898989