improve file content view

README.md

@@ -58,6 +58,7 @@ Latest (master):
 * Corrected issue form columns widths so they will be equal in all fieldsets
 * Changesets will look similar to issue's journal
 + Improved revision page layout and added Font Awesome icons
++ Improved file content view
 
 v1.2.0 (2015-03-03):
 

src/sass/_variables.scss

@@ -201,11 +201,11 @@ $tracker-7-text:                $brand-text !default;
 
 $diff-out-color:                #430;
 $diff-out-bg:                   #ffeaaa;
-$diff-out-bg-light:             #ffefbf;
+$diff-out-bg-light:             rgba($diff-out-bg, .5);
 
 $diff-in-color:                 #350;
 $diff-in-bg:                    #bffbbf;
-$diff-in-bg-light:              #d8fcd8;
+$diff-in-bg-light:              rgba($diff-in-bg, .5);
 
 
 //== Changesets

src/sass/components/_elements.scss

@@ -316,17 +316,58 @@ a.close-icon {
  */
 #content table.filecontent {
     width: 100%;
+    background: $body-bg;
+
+    th.filename {
+        border-color: $brand-primary;
+        border-bottom-color: darken($body-bg, 10%);
+        background-color: $brand-primary;
+        color: $brand-text;
+    }
+
+    tbody {
+        font-size: $font-size-list;
+    }
 
     tbody,
     td.line-code pre {
         font-family: $font-family-monospace;
     }
 
-    td.line-code {
-        padding: 2px 5px;
+    th.line-num {
+        border-color: darken($body-bg, 10%);
+        background-color: darken($body-bg, 5%);
+        color: $gray;
+    }
 
-        pre {
-            font-size: 13px;
+    th.line-num,
+    td.line-code {
+        padding: .15em .4em;
+    }
+
+    th.line-num,
+    td.line-code,
+    td.line-code pre {
+        font-size: 1em;
+    }
+
+    tr:hover {
+        background-color: darken($body-bg, 2%);
+
+        th.line-num {
+            background-color: darken($body-bg, 10%);
+        }
+    }
+
+    tr:target {
+        th.line-num {
+            border-color: darken(adjust-hue($highlight-bg, -8deg), 15%);
+            background-color: darken(adjust-hue($highlight-bg, -8deg), 7%);
+            color: $highlight-text;
+        }
+
+        td.line-code {
+            background-color: $highlight-bg;
         }
     }
 }