diff --git a/img/screenShots/file.png b/img/screenShots/file.png
index b185432..9ece482 100644
Binary files a/img/screenShots/file.png and b/img/screenShots/file.png differ
diff --git a/themes/dark_theme.css b/themes/dark_theme.css
index 5c3ccd7..15663ee 100644
--- a/themes/dark_theme.css
+++ b/themes/dark_theme.css
@@ -1,6 +1,6 @@
 /**** Syntax Highlighting ****/
 body:not(.full-width) {
-  background-color: #080705;
+  background-color: #111;
   background-image: url("/img/grad1.png");
   background-size: contain;
   background-attachment: fixed;
@@ -9,7 +9,7 @@ body:not(.full-width) {
 
 .following.bar.light {
   background-color: #1c1c1c !important;
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
   color: bisque !important;
   position: fixed;
   top: 0;
@@ -53,7 +53,7 @@ h5,
 pre.raw,
 code.raw {
   background-color: #1c1c1c;
-  border: 1px solid #080705;
+  border: 1px solid #111;
 }
 
 .following.bar {
@@ -99,12 +99,12 @@ code.raw {
 }
 
 .ui .header > i + .content {
-  background-color: #080705 !important;
+  background-color: #111 !important;
 }
 
 footer {
   color: silver !important;
-  background-color: #080705;
+  background-color: #111;
 }
 
 .markdown:not(code) {
@@ -119,12 +119,12 @@ footer {
 .markdown:not(code) table th,
 .markdown:not(code) table td {
   border: 0px solid #197474 !important;
-  background-color: #080705;
+  background-color: #111;
   color: #197474;
 }
 
 .markdown:not(code) span.frame > span {
-  border: 1px solid #080705;
+  border: 1px solid #111;
 }
 
 .markdown:not(code) pre code,
@@ -240,15 +240,15 @@ footer {
 }
 
 .repository.file.editor .commit-form-wrapper .commit-form {
-  border: 1px solid #080705;
+  border: 1px solid #111;
 }
 
 .repository .diff-detail-box ol li {
-  border-bottom: 1px dashed #080705;
+  border-bottom: 1px dashed #111;
 }
 
 .repository .diff-file-box .file-body.file-code .lines-num-old {
-  border-right: 1px solid #080705;
+  border-right: 1px solid #111;
 }
 
 .repository .head .mega-octicon {
@@ -274,23 +274,23 @@ footer {
 }
 
 .repository.release #release-list {
-  border-top: 1px solid #080705;
+  border-top: 1px solid #111;
 }
 
 .repository.release #release-list > li .detail {
-  border-left: 1px solid #080705;
+  border-left: 1px solid #111;
 }
 
 .repository.forks .list .item {
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
 }
 
 .repository.settings.collaboration .collaborator.list > .item:not(:last-child) {
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
 }
 
 #search-user-box .results .item {
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
 }
 
 .ui.vertical.menu .header.item {
@@ -312,7 +312,7 @@ footer {
 
 .organization.teams .repositories .item:not(:last-child),
 .organization.teams .members .item:not(:last-child) {
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
 }
 
 .user:not(.icon) {
@@ -326,7 +326,7 @@ footer {
 }
 
 .user.profile .ui.card .extra.content ul li:not(:last-child) {
-  border-bottom: 1px solid #080705;
+  border-bottom: 1px solid #111;
 }
 
 .dashboard {
@@ -396,7 +396,7 @@ footer {
 .repository.file.list #file-content .code-view .lines-code ol,
 .repository.file.list #file-content .code-view .lines-num .hljs,
 .repository.file.list #file-content .code-view .lines-code .hljs {
-  background-color: #080705 !important;
+  background-color: #111 !important;
   color: #9ebdb1;
   margin: 0;
   padding: 0 !important;
@@ -411,22 +411,22 @@ footer {
 #ActionButtons {
   color: silver !important;
   background-color: inherit !important;
-  border: 0.5px solid #080705;
+  border: 0.5px solid #111;
 }
 
 .CodeMirror-code {
-  background-color: #080705 !important;
+  background-color: #111 !important;
   color: #9ebdb1 !important;
 }
 
 .CodeMirror-gutters {
-  background-color: #080705;
+  background-color: #111;
   color: #197474;
 }
 
 .CodeMirror {
   /* file edditor */
-  background: #080705;
+  background: #111;
   color: #9ebdb1 !important;
 }
 
@@ -446,7 +446,7 @@ footer {
 
 #danger_zone_edited {
   background: #1c1c1c;
-  border-color: #080705 !important;
+  border-color: #111 !important;
 }
 
 #basic_sett,
@@ -455,7 +455,7 @@ footer {
 #admin_sec_panel,
 #admin_small_panel {
   background: #1c1c1c;
-  border-color: #080705 !important;
+  border-color: #111 !important;
 }
 
 #danger_zone_edited_header {
@@ -472,7 +472,7 @@ footer {
 }
 
 .ui.table thead tr:hover th {
-  background: #080705;
+  background: #111;
 }
 
 .ui.table tr td {
@@ -480,7 +480,7 @@ footer {
 }
 
 .repository.file.list #repo-files-table tr:hover {
-  background-color: #080705;
+  background-color: #111;
 }
 
 tr:hover a {
@@ -501,7 +501,7 @@ tr:hover a {
 }
 
 .feeds .list ul {
-  background-color: #080705;
+  background-color: #111;
   background-image: url("/img/grad1.png");
   background-size: contain;
   background-attachment: fixed;
@@ -529,7 +529,7 @@ tr:hover a {
 }
 
 .CodeMirror {
-  border: 1px solid #080705;
+  border: 1px solid #111;
 }
 
 .CodeMirror-gutters {
@@ -736,7 +736,7 @@ tr:hover a {
 }
 
 .ui.menu .item > .input input {
-  background-color: #080705;
+  background-color: #111;
 }
 
 .ui.menu .item:hover,
@@ -803,7 +803,7 @@ tr:hover a {
 }
 
 .ui.dropdown .menu > .input:not(.transparent) input {
-  background-color: #080705;
+  background-color: #111;
   color: bisque;
 }
 
@@ -819,7 +819,7 @@ tr:hover a {
 .ui.form input[type=text],
 .ui.form input[type=time],
 .ui.form input[type=url] {
-  background: #080705;
+  background: #111;
   color: silver;
   font-weight: 600;
 }
@@ -839,7 +839,7 @@ tr:hover a {
   color: silver;
   border-color: transparent;
   border-radius: 0;
-  background: #080705;
+  background: #111;
   -webkit-box-shadow: 0px 0px 8px 2px #c8c183;
   box-shadow: 0px 0px 8px 2px #c8c183;
 }
@@ -853,7 +853,7 @@ tr:hover a {
 }
 
 .ui.attached.header {
-  background: #080705;
+  background: #111;
 }
 
 .ui .text.black:hover {
@@ -939,7 +939,7 @@ a:hover {
 }
 
 footer {
-  border-top: 1px solid #080705;
+  border-top: 1px solid #111;
 }
 
 /*# sourceMappingURL=dark_theme.css.map */
diff --git a/themes/dark_theme.scss b/themes/dark_theme.scss
index 35bf160..e2c9248 100644
--- a/themes/dark_theme.scss
+++ b/themes/dark_theme.scss
@@ -1,4 +1,4 @@
-$mainBgColor        : #080705;
+$mainBgColor        : #111;
 $secondBgColor      : #1c1c1c;
 $mainTextColor      : silver;
 $secondTextColor    : bisque;
@@ -11,7 +11,7 @@ $btnColor           : #122940;
 $btnShadow          : #c8c183;
 $userCardShadow     : #151124;
 $RepoFilesBg        : #0a294878;
-$codeBg             : #080705;
+$codeBg             : #111;
 $codeColor          : #9ebdb1; 
 $codeSelected       : #001;
 $codeColorSelected  : #8f1;