diff --git a/src/components/Article/Article.scss b/src/components/Article/Article.scss
index fcd093a..e759129 100644
--- a/src/components/Article/Article.scss
+++ b/src/components/Article/Article.scss
@@ -93,20 +93,6 @@
     }
     & .article-comments {
       margin: 25px 0;
-      & div.gt-header > div.gt-header-comment > div.gt-header-controls > a > span > span.gt-svg {
-        display: none;
-      }
-      & .gt-container {
-        & .gt-comment-content {
-          transition: none;
-          &:hover {
-            box-shadow: none;
-          }
-        }
-        & .gt-header-textarea {
-          transition: none;
-        }
-      }
     }
   }
 }
@@ -142,47 +128,6 @@
       & .article-more {
         color: $white-clr;
       }
-      & .article-comments {
-        & .gt-container {
-          color: $white-clr;
-          & .gt-header-textarea {
-            background-color: #2A2A2A;
-            color: $white-clr;
-          }
-          & .gt-comments {
-            & .markdown-body pre {
-              background: none;
-              color: #fff;
-            }
-          }
-          & .gt-meta {
-            border-bottom: 1px solid rgba(153, 153, 153, 0.2)
-          }
-          & .gt-comment-content {
-            background-color: #2A2A2A;
-          }
-          & .gt-comment-content:hover {
-            box-shadow: none;
-          }
-          & .gt-btn-preview {
-            background-color: #2A2A2A;
-            color: #ffffff;
-            border: 1px solid rgba(153, 153, 153, 0.2);
-            &:hover {
-              background-color: #414141;
-            }
-          }
-          & .gt-header-preview {
-            background-color: #2A2A2A;
-            & p, a, h1, h2 ,h3, h4, h5, h6 {
-              color: $white-clr;
-            }
-          }
-          & .gt-svg svg {
-            fill: $white-clr !important;
-          }
-        }
-      }
       & p, h1, h2, h3, h4, h5, h6, ul, ol {
         color: $white-clr;
       }
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 195b28b..e20d4ff 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -22,6 +22,22 @@
   }
 }
 
+div.gt-header > div.gt-header-comment > div.gt-header-controls > a > span > span.gt-svg {
+  display: none;
+}
+
+article .gt-container {
+  & .gt-comment-content {
+    transition: none;
+    &:hover {
+      box-shadow: none;
+    }
+  }
+  & .gt-header-textarea {
+    transition: none;
+  }
+}
+
 .btn-loadMore {
   background: none;
   text-decoration: underline;
@@ -152,6 +168,45 @@
 
 .dark {
   background: #202020;
+  article .gt-container {
+    color: $white-clr;
+    & .gt-header-textarea {
+      background-color: #2A2A2A;
+      color: $white-clr;
+    }
+    & .gt-comments {
+      & .markdown-body pre {
+        background: none;
+        color: #fff;
+      }
+    }
+    & .gt-meta {
+      border-bottom: 1px solid rgba(153, 153, 153, 0.2)
+    }
+    & .gt-comment-content {
+      background-color: #2A2A2A;
+    }
+    & .gt-comment-content:hover {
+      box-shadow: none;
+    }
+    & .gt-btn-preview {
+      background-color: #2A2A2A;
+      color: #ffffff;
+      border: 1px solid rgba(153, 153, 153, 0.2);
+      &:hover {
+        background-color: #414141;
+      }
+    }
+    & .gt-header-preview {
+      background-color: #2A2A2A;
+      & p, a, h1, h2 ,h3, h4, h5, h6 {
+        color: $white-clr;
+      }
+    }
+    & .gt-svg svg {
+      fill: $white-clr !important;
+    }
+  }
   & .light-default-light {
     background: #282c34;
   }