From 934e4d9607f89ccd65d0bf4f3898ae8f2def3535 Mon Sep 17 00:00:00 2001
From: Rokt33r <fluke8259@gmail.com>
Date: Thu, 21 Apr 2016 21:03:28 +0900
Subject: [PATCH] Enhance style & Fix bug

---
 browser/styles/finder/index.styl  |  2 +-
 browser/styles/main/index.styl    |  2 +-
 browser/styles/mixins/marked.styl |  5 ++++-
 browser/styles/theme/dark.styl    | 16 +++++++++++-----
 4 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/browser/styles/finder/index.styl b/browser/styles/finder/index.styl
index 4528918c..a0cb28b4 100644
--- a/browser/styles/finder/index.styl
+++ b/browser/styles/finder/index.styl
@@ -3,7 +3,7 @@
 @import '../mixins/*'
 global-reset()
 @import '../shared/*'
-@import './theme/*'
+@import '../theme/*'
 
 iptBgColor = #E6E6E6
 iptFocusBorderColor = #369DCD
diff --git a/browser/styles/main/index.styl b/browser/styles/main/index.styl
index e7d9a65f..434e91a5 100644
--- a/browser/styles/main/index.styl
+++ b/browser/styles/main/index.styl
@@ -8,7 +8,7 @@ global-reset()
 @import './ArticleList'
 @import './ArticleDetail'
 @import './modal/*'
-@import './theme/*'
+@import '../theme/*'
 
 DEFAULT_FONTS = 'Lato', helvetica, arial, sans-serif
 
diff --git a/browser/styles/mixins/marked.styl b/browser/styles/mixins/marked.styl
index b04e441f..8984db74 100644
--- a/browser/styles/mixins/marked.styl
+++ b/browser/styles/mixins/marked.styl
@@ -6,7 +6,7 @@ marked()
     background-color alpha(red, 0.1)
     color darken(red, 15%)
     padding 5px
-    margin -5px
+    margin 5px 0
     border-radius 5px
   sup
     position relative
@@ -132,6 +132,9 @@ marked()
       padding 0
       border none
       border-radius 0
+      &>pre
+        border none
+        margin -5px
   table
     width 100%
     margin 15px 0 25px
diff --git a/browser/styles/theme/dark.styl b/browser/styles/theme/dark.styl
index 89d0487d..b4ada991 100644
--- a/browser/styles/theme/dark.styl
+++ b/browser/styles/theme/dark.styl
@@ -1,10 +1,10 @@
 @import '../vars'
 
-themeDarkBackground = lighten(#212327, 5%)
-themeDarkModal = lighten(themeDarkBackground, 0%)
-themeDarkList = darken(themeDarkBackground, 25%)
-themeDarkPreview = #181818
-themeDarkSidebar = darken(themeDarkBackground, 45%)
+themeDarkBackground = darken(#21252B, 10%)
+themeDarkModal = darken(#21252B, 10%)
+themeDarkList = #282C34
+themeDarkPreview = #282C34
+themeDarkSidebar = darken(#21252B, 10%)
 themeDarkText = #DDDDDD
 themeDarkBorder = lighten(themeDarkBackground, 20%)
 themeDarkTopicColor = #369dcd
@@ -382,6 +382,9 @@ body[data-theme="dark"]
             .tooltip
               background-color themeDarkTooltip
 
+  .ArticleDetail-panel
+    border-radius 0
+
   // Markdown Preview
   .Finder .FinderDetail .content,
   .ArticleDetail .ArticleDetail-panel .ArticleEditor
@@ -389,3 +392,6 @@ body[data-theme="dark"]
       color themeDarkText
       border-color themeDarkBorder
       background-color themeDarkPreview
+
+      a:hover
+        background-color alpha(lighten(brandColor, 30%), 0.2) !important