improved repository activity page

scss/backend.scss

@@ -20,16 +20,12 @@ $border-radius: 5px;
 //
 //
 
-
+@import 'import/colors';
 @import 'import/main';
 @import 'import/nav';
 
-
 @import 'import/repository.scss';
-
 @import 'import/explore.scss';
-
 @import 'import/user.scss';
 
-
 @import 'import/footer';

scss/frontend.scss

@@ -20,16 +20,12 @@ $border-radius: 5px;
 //
 //
 
-
+@import 'import/colors';
 @import 'import/main';
 @import 'import/nav';
 
-
 @import 'import/repository.scss';
-
 @import 'import/explore.scss';
-
 @import 'import/user.scss';
 
-
 @import 'import/footer';

scss/import/_colors.scss

@@ -0,0 +1,4 @@
+$green: rgb(100, 200, 130);
+$green-dark: rgb(80, 180, 110);
+$red: rgb(255, 130, 130);
+$red-dark: rgb(255, 110, 110);

scss/import/repository.scss

@@ -634,9 +634,6 @@
     .segment {
       background: rgb(30, 30, 45);
       border: 0;
-      .text {
-        background: rgb(30, 30, 45);
-      }
       h4.header { // »There has not been any commit activity in this period.«
         background: rgb(30, 30, 45);
       }
@@ -645,6 +642,52 @@
           display: none;
         }
       }
+      .text {
+        background: rgb(30, 30, 45);
+        .green.text {
+          color: $green !important;
+          .svg.octicon-issue-opened {
+            fill: $green;
+          }
+        }
+        .red.text {
+          color: $red !important;
+          .svg.octicon-issue-closed {
+            fill: $red;
+          }
+        }
+      }
+    }
+    .divider.header {
+      background: initial;
+      border: 0;
+      display: flex;
+      &::after, 
+      &::before {
+        background: rgb(60, 60, 90);
+        height: 1px;
+        top: 7px;
+      }
+      &::after {
+        margin-left: 10px;
+      }
+      &::before {
+        margin-right: 10px;
+      }
+      span.text {
+        margin: 0 5px 0 0;
+        @if $nojavascript == true {
+          display: none;
+        }
+      }
+    }
+    .list {
+      .green.label {
+        background: $green;
+      }
+      .red.label {
+        background: $red;
+      }
     }
   }
 }