Add less linter via npx (#6936)

14 files changed, 494 insertions, 305 deletions

diff --git a/public/less/_admin.less b/public/less/_admin.less
index 24d5af159c..af68a43dbd 100644
--- a/public/less/_admin.less
+++ b/public/less/_admin.less
@@ -21,7 +21,8 @@
         }
 
         &:not(.select) {
-            th, td {
+            th,
+            td {
                 &:first-of-type {
                     padding-left: 15px !important;
                 }
@@ -31,7 +32,7 @@
 
     .ui.header,
     .ui.segment {
-        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+        box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
     }
 
     &.user {
diff --git a/public/less/_base.less b/public/less/_base.less
index 1dd17541bb..13ae1ad665 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -55,11 +55,16 @@
     }
 
     /* We're going to just override the semantic fonts here */
-    h1, h2, h3, h4, h5 {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
         font-family: Lato, @fonts, sans-serif;
     }
 
-    .home .hero h1, .home .hero h2 {
+    .home .hero h1,
+    .home .hero h2 {
         font-family: 'PT Sans Narrow', Lato, @fonts, sans-serif;
     }
 
@@ -67,7 +72,18 @@
     .ui.button,
     .ui.card > .content > .header.ui.card > .content > .header,
     .ui.category.search > .results .category > .name,
-    .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url],
+    .ui.form input:not([type]),
+    .ui.form input[type="date"],
+    .ui.form input[type="datetime-local"],
+    .ui.form input[type="email"],
+    .ui.form input[type="file"],
+    .ui.form input[type="number"],
+    .ui.form input[type="password"],
+    .ui.form input[type="search"],
+    .ui.form input[type="tel"],
+    .ui.form input[type="text"],
+    .ui.form input[type="time"],
+    .ui.form input[type="url"],
     .ui.header,
     .ui.items > .item > .content > .header,
     .ui.list .list > .item .header,
@@ -79,7 +95,8 @@
     .ui.search > .results .result .title,
     .ui.search > .results > .message .header,
     body,
-    .ui.input > input, .ui.input input,
+    .ui.input > input,
+    .ui.input input,
     .ui.statistics .statistic > .value,
     .ui.statistic > .value,
     .ui.statistics .statistic > .label,
@@ -94,7 +111,7 @@
 .override-fonts(@default-fonts);
 
 body {
-    background-color: #fff;
+    background-color: #ffffff;
     overflow-y: auto;
     -webkit-font-smoothing: antialiased;
     display: flex;
@@ -139,17 +156,18 @@ a {
 }
 
 .rounded {
-    border-radius: .28571429rem !important;
+    border-radius: 0.28571429rem !important;
 }
 
-pre, code {
+pre,
+code {
     font: 12px @monospaced-fonts, monospace;
 
     &.raw {
         padding: 7px 12px;
         margin: 10px 0;
         background-color: #f8f8f8;
-        border: 1px solid #ddd;
+        border: 1px solid #dddddd;
         border-radius: 3px;
         font-size: 13px;
         line-height: 1.5;
@@ -183,7 +201,7 @@ pre, code {
 
     &.light {
         background-color: white;
-        border-bottom: 1px solid #DDDDDD;
+        border-bottom: 1px solid #dddddd;
         box-shadow: 0 2px 3px rgba(0, 0, 0, 0.04);
     }
 
@@ -206,7 +224,7 @@ pre, code {
     }
 
     .top.menu a.item:hover {
-        color: rgba(0, 0, 0, .45);
+        color: rgba(0, 0, 0, 0.45);
     }
 
     .top.menu .menu {
@@ -218,14 +236,14 @@ pre, code {
             margin-right: 0;
         }
 
-        margin-right: .75em;
+        margin-right: 0.75em;
     }
 
     .searchbox {
-        background-color: rgb(244, 244, 244) !important;
+        background-color: #f4f4f4 !important;
 
         &:focus {
-            background-color: rgb(233, 233, 233) !important;
+            background-color: #e9e9e9 !important;
         }
     }
 
@@ -237,7 +255,7 @@ pre, code {
     #navbar {
         width: 100vw;
         min-height: 52px;
-        padding: 0 .5rem;
+        padding: 0 0.5rem;
     }
 
     #navbar .brand {
@@ -270,7 +288,8 @@ pre, code {
         float: right;
     }
 
-    &.button, &.menu .item {
+    &.button,
+    &.menu .item {
         user-select: auto;
     }
 
@@ -306,11 +325,11 @@ pre, code {
     /* This fixes the commit graph button on the commits page */
 
     .menu:not(.vertical) .item > .button.compact {
-        padding: .58928571em 1.125em;
+        padding: 0.58928571em 1.125em;
     }
 
     .menu:not(.vertical) .item > .button.small {
-        font-size: .92857143rem;
+        font-size: 0.92857143rem;
     }
 
     &.menu .ui.dropdown.item .menu .item {
@@ -333,7 +352,7 @@ pre, code {
                 color: #d95c5c !important;
 
                 &:hover {
-                    color: #E67777 !important;
+                    color: #e67777 !important;
                 }
             }
         }
@@ -342,7 +361,7 @@ pre, code {
             color: #428bca !important;
 
             a {
-                color: #15c !important;
+                color: #1155cc !important;
 
                 &:hover {
                     color: #428bca !important;
@@ -351,10 +370,10 @@ pre, code {
         }
 
         &.black {
-            color: #444;
+            color: #444444;
 
             &:hover {
-                color: #000;
+                color: #000000;
             }
         }
 
@@ -362,16 +381,16 @@ pre, code {
             color: #767676 !important;
 
             a {
-                color: #444 !important;
+                color: #444444 !important;
 
                 &:hover {
-                    color: #000 !important;
+                    color: #000000 !important;
                 }
             }
         }
 
         &.light.grey {
-            color: #888 !important;
+            color: #888888 !important;
         }
 
         &.green {
@@ -383,7 +402,7 @@ pre, code {
         }
 
         &.yellow {
-            color: #FBBD08 !important;
+            color: #fbbd08 !important;
         }
 
         &.gold {
@@ -443,7 +462,8 @@ pre, code {
             color: black;
         }
 
-        & > span, .pull-right > span {
+        & > span,
+        .pull-right > span {
             color: #21ba45;
         }
     }
@@ -455,12 +475,12 @@ pre, code {
 
     .warning {
         &.header {
-            background-color: #F9EDBE !important;
-            border-color: #F0C36D;
+            background-color: #f9edbe !important;
+            border-color: #efc16b;
         }
 
         &.segment {
-            border-color: #F0C36D;
+            border-color: #efc16b;
         }
     }
 
@@ -471,7 +491,8 @@ pre, code {
             &.top {
                 background-color: #e6f1f6 !important;
 
-                h3, h4 {
+                h3,
+                h4 {
                     margin-top: 0;
                 }
 
@@ -533,7 +554,7 @@ pre, code {
         }
 
         &.black {
-            background-color: #444;
+            background-color: #444444;
         }
 
         &.grey {
@@ -541,7 +562,7 @@ pre, code {
         }
 
         &.light.grey {
-            background-color: #888 !important;
+            background-color: #888888 !important;
         }
 
         &.green {
@@ -553,7 +574,7 @@ pre, code {
         }
 
         &.yellow {
-            background-color: #FBBD08 !important;
+            background-color: #fbbf09 !important;
         }
 
         &.gold {
@@ -577,7 +598,7 @@ pre, code {
 
 .file-comment {
     font: 12px @monospaced-fonts, monospace;
-    color: rgba(0, 0, 0, .87);
+    color: rgba(0, 0, 0, 0.87);
 
 }
 
@@ -611,7 +632,7 @@ footer {
 
     .container {
         width: 100vw !important;
-        padding: 0 .5rem;
+        padding: 0 0.5rem;
 
         .fa {
             width: 16px;
@@ -625,7 +646,7 @@ footer {
             margin-left: 5px;
 
             &:first-child {
-                border-left: none;
+                border-left: 0;
             }
         }
     }
@@ -637,7 +658,8 @@ footer {
     }
 
     .ui {
-        &.left, &.right {
+        &.left,
+        &.right {
             line-height: 40px;
         }
     }
@@ -665,12 +687,14 @@ footer {
         width: (2px * @i) !important;
         height: (2px * @i) !important;
     }
+
     .generate-img(@n, (@i + 1));
 }
 
 // Conditional display
 @media only screen and (min-width: 768px) {
-    .mobile-only, .ui.button.mobile-only {
+    .mobile-only,
+    .ui.button.mobile-only {
         display: none;
     }
 
@@ -726,7 +750,7 @@ footer {
     padding-top: 15px !important;
     margin-top: -15px !important;
     margin-bottom: 15px !important;
-    background-color: #FAFAFA !important;
+    background-color: #fafafa !important;
     border-width: 1px !important;
 }
 
@@ -828,7 +852,7 @@ footer {
 }
 
 .archived-icon {
-    color: lighten(#000, 70%) !important;
+    color: lighten(#000000, 70%) !important;
 }
 
 .oauth2-authorize-application-box {
@@ -837,13 +861,13 @@ footer {
 
 /* Tab color tweaks */
 .ui.tabular.menu .item {
-    color: rgba(0, 0, 0, .5);
+    color: rgba(0, 0, 0, 0.5);
 }
 
 .ui.tabular.menu .item:hover {
-    color: rgba(0, 0, 0, .8);
+    color: rgba(0, 0, 0, 0.8);
 }
 
 .ui.tabular.menu .item.active {
-    color: rgba(0, 0, 0, .9);
+    color: rgba(0, 0, 0, 0.9);
 }
diff --git a/public/less/_dashboard.less b/public/less/_dashboard.less
index f59daf49d2..1b5d231499 100644
--- a/public/less/_dashboard.less
+++ b/public/less/_dashboard.less
@@ -71,7 +71,7 @@
 
     .dashboard-navbar {
         width: 100vw;
-        padding: 0 .5rem;
+        padding: 0 0.5rem;
     }
 }
 
@@ -142,7 +142,7 @@
 
             li {
                 &:not(:last-child) {
-                    border-bottom: 1px solid #EAEAEA;
+                    border-bottom: 1px solid #ebebeb;
                 }
 
                 &.private {
@@ -154,7 +154,7 @@
                     display: block;
 
                     .octicon {
-                        color: #888;
+                        color: #888888;
 
                         &.rear {
                             font-size: 15px;
diff --git a/public/less/_editor.less b/public/less/_editor.less
index ee671d8b4b..453b8b433e 100644
--- a/public/less/_editor.less
+++ b/public/less/_editor.less
@@ -16,11 +16,11 @@
 }
 
 .repository.file.editor .tab[data-tab="write"] .editor-toolbar {
-    border: none !important;
+    border: 0 !important;
 }
 
 .repository.file.editor .tab[data-tab="write"] .CodeMirror {
-    border-left: none;
-    border-right: none;
-    border-bottom: none;
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 0;
 }
diff --git a/public/less/_explore.less b/public/less/_explore.less
index 1d635c8b45..809a138a6c 100644
--- a/public/less/_explore.less
+++ b/public/less/_explore.less
@@ -6,7 +6,7 @@
         padding-top: 15px !important;
         margin-top: -15px !important;
         margin-bottom: 15px !important;
-        background-color: #FAFAFA !important;
+        background-color: #fafafa !important;
         border-width: 1px !important;
 
         .octicon {
@@ -22,7 +22,7 @@
         padding-bottom: 25px;
 
         &:not(:first-child) {
-            border-top: 1px solid #eee;
+            border-top: 1px solid #eeeeee;
             padding-top: 25px;
         }
 
@@ -35,7 +35,7 @@
             }
 
             .metas {
-                color: #888;
+                color: #888888;
                 font-size: 14px;
                 font-weight: normal;
 
@@ -68,7 +68,7 @@
         padding-bottom: 25px;
 
         &:not(:first-child) {
-            border-top: 1px solid #eee;
+            border-top: 1px solid #eeeeee;
             padding-top: 25px;
         }
 
@@ -85,7 +85,7 @@
             }
 
             a {
-                color: #333;
+                color: #333333;
 
                 &:hover {
                     text-decoration: underline;
diff --git a/public/less/_form.less b/public/less/_form.less
index 641df7caaf..419b16ecb4 100644
--- a/public/less/_form.less
+++ b/public/less/_form.less
@@ -1,8 +1,8 @@
 .form {
     .help {
         color: #999999;
-        padding-top: .6em;
-        padding-bottom: .6em;
+        padding-top: 0.6em;
+        padding-bottom: 0.6em;
         display: inline-block;
     }
 }
@@ -31,6 +31,7 @@
 
         @media only screen and (min-width: 768px) {
             width: 800px !important;
+
             .header {
                 padding-left: @create-page-form-input-padding+30px;
             }
@@ -54,6 +55,7 @@
                 width: 50% !important;
             }
         }
+
         @media only screen and (max-width: 767px) {
             .optional .title {
                 margin-left: 15px;
@@ -105,7 +107,8 @@
 }
 
 @media screen and (max-height: 575px) {
-    #rc-imageselect, .g-recaptcha {
+    #rc-imageselect,
+    .g-recaptcha {
         transform: scale(0.77);
         transform-origin: 0 0;
     }
@@ -131,7 +134,8 @@
             width: @input-padding;
         }
 
-        .inline.field > label, input {
+        .inline.field > label,
+        input {
             @media only screen and (max-width: 768px) {
                 width: 100% !important;
             }
@@ -167,11 +171,14 @@
             }
 
             @media only screen and (max-width: 768px) {
-                label, input, .selection.dropdown {
+                label,
+                input,
+                .selection.dropdown {
                     width: 100% !important;
                 }
 
-                .field button, .field a {
+                .field button,
+                .field a {
                     margin-bottom: 1em;
                     width: 100%;
                 }
@@ -222,7 +229,8 @@
 
 .new.org .ui.form {
     @media only screen and (max-width: 768px) {
-        .field button, .field a {
+        .field button,
+        .field a {
             margin-bottom: 1em;
             width: 100%;
         }
diff --git a/public/less/_home.less b/public/less/_home.less
index 7ea8a9a6f3..53fd76f098 100644
--- a/public/less/_home.less
+++ b/public/less/_home.less
@@ -13,6 +13,7 @@
                 font-size: 2em;
             }
         }
+
         @media only screen and (min-width: 768px) {
             h1 {
                 font-size: 5.5em;
@@ -35,7 +36,7 @@
     }
 
     p.large {
-        font-size: 16px
+        font-size: 16px;
     }
 
     .stackable {
@@ -52,7 +53,8 @@
 }
 
 footer {
-    .ui.container .left, .ui.container .right {
+    .ui.container .left,
+    .ui.container .right {
         @media only screen and (max-width: 880px) {
             display: block;
             text-align: center;
diff --git a/public/less/_markdown.less b/public/less/_markdown.less
index d8a616919d..af46d6a3b2 100644
--- a/public/less/_markdown.less
+++ b/public/less/_markdown.less
@@ -26,7 +26,7 @@
     }
 
     .absent {
-        color: #c00;
+        color: #cc0000;
     }
 
     .anchor {
@@ -67,7 +67,7 @@
     h5 .octicon-link,
     h6 .octicon-link {
         display: none;
-        color: #000;
+        color: #000000;
         vertical-align: middle;
     }
 
@@ -110,7 +110,7 @@
         padding-bottom: 0.3em;
         font-size: 2.25em;
         line-height: 1.2;
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid #eeeeee;
     }
 
     h1 .anchor {
@@ -121,7 +121,7 @@
         padding-bottom: 0.3em;
         font-size: 1.75em;
         line-height: 1.225;
-        border-bottom: 1px solid #eee;
+        border-bottom: 1px solid #eeeeee;
     }
 
     h2 .anchor {
@@ -155,7 +155,7 @@
 
     h6 {
         font-size: 1em;
-        color: #777;
+        color: #777777;
     }
 
     h6 .anchor {
@@ -182,7 +182,7 @@
         padding: 0;
         margin: 16px 0;
         background-color: #e7e7e7;
-        border: 0 none;
+        border: 0;
     }
 
     ul,
@@ -232,8 +232,8 @@
 
     blockquote {
         padding: 0 15px;
-        color: #777;
-        border-left: 4px solid #ddd;
+        color: #777777;
+        border-left: 4px solid #dddddd;
     }
 
     blockquote > :first-child {
@@ -247,7 +247,6 @@
     table {
         width: auto;
         overflow: auto;
-        word-break: normal;
         word-break: keep-all;
         display: block;
     }
@@ -259,12 +258,12 @@
     table th,
     table td {
         padding: 6px 13px !important;
-        border: 1px solid #ddd !important;
+        border: 1px solid #dddddd !important;
     }
 
     table tr {
-        background-color: #fff;
-        border-top: 1px solid #ccc;
+        background-color: #ffffff;
+        border-top: 1px solid #cccccc;
     }
 
     table tr:nth-child(2n) {
@@ -292,7 +291,7 @@
         padding: 7px;
         margin: 13px 0 0;
         overflow: hidden;
-        border: 1px solid #ddd;
+        border: 1px solid #dddddd;
     }
 
     span.frame span img {
@@ -304,7 +303,7 @@
         display: block;
         padding: 5px 0 0;
         clear: both;
-        color: #333;
+        color: #333333;
     }
 
     span.align-center {
@@ -452,13 +451,13 @@
         padding: 3px 5px;
         font-size: 11px;
         line-height: 10px;
-        color: #555;
+        color: #555555;
         vertical-align: middle;
         background-color: #fcfcfc;
-        border: solid 1px #ccc;
-        border-bottom-color: #bbb;
+        border: solid 1px #cccccc;
+        border-bottom-color: #bbbbbb;
         border-radius: 3px;
-        box-shadow: inset 0 -1px 0 #bbb;
+        box-shadow: inset 0 -1px 0 #bbbbbb;
     }
 
     input[type="checkbox"] {
@@ -478,7 +477,7 @@
     .csv-data .blob-num {
         padding: 10px 8px 9px;
         text-align: right;
-        background: #fff;
+        background: #ffffff;
         border: 0;
     }
 
@@ -492,7 +491,9 @@
         border-top: 0;
     }
 
-    .ui.list .list, ol.ui.list ol, ul.ui.list ul {
+    .ui.list .list,
+    ol.ui.list ol,
+    ul.ui.list ul {
         padding-left: 2em;
     }
 }
diff --git a/public/less/_organization.less b/public/less/_organization.less
index f7e855edec..27dc7544fd 100644
--- a/public/less/_organization.less
+++ b/public/less/_organization.less
@@ -110,7 +110,7 @@
             .item {
                 margin-left: 0;
                 margin-right: 0;
-                border-bottom: 1px solid #eee;
+                border-bottom: 1px solid #eeeeee;
 
                 .ui.avatar {
                     width: 48px;
@@ -130,7 +130,7 @@
                 padding: 10px 15px;
 
                 &:not(:last-child) {
-                    border-bottom: 1px solid #eee;
+                    border-bottom: 1px solid #eeeeee;
                 }
             }
         }
@@ -142,7 +142,7 @@
                 line-height: 32px;
 
                 &:not(:last-child) {
-                    border-bottom: 1px solid #DDD;
+                    border-bottom: 1px solid #dddddd;
                 }
 
                 .button {
diff --git a/public/less/_repository.less b/public/less/_repository.less
index e31bc89642..f063d3b1a3 100644
--- a/public/less/_repository.less
+++ b/public/less/_repository.less
@@ -101,10 +101,10 @@
                 margin: 2px 0;
 
                 .text {
-                    color: #444;
+                    color: #444444;
 
                     &:hover {
-                        color: #000;
+                        color: #000000;
                     }
                 }
             }
@@ -119,12 +119,12 @@
     }
 
     .header-wrapper {
-        background-color: #FAFAFA;
+        background-color: #fafafa;
         margin-top: -15px;
         padding-top: 15px;
 
         .ui.tabs.divider {
-            border-bottom: none;
+            border-bottom: 0;
         }
 
         .ui.tabular .octicon {
@@ -184,7 +184,7 @@
             margin-bottom: 0;
 
             .ui.menu {
-                border-bottom: none;
+                border-bottom: 0;
             }
         }
 
@@ -212,7 +212,7 @@
             padding: 0 5px;
 
             &:first-child {
-                border-radius: .28571429rem 0 0 .28571429rem;
+                border-radius: 0.28571429rem 0 0 0.28571429rem;
             }
         }
 
@@ -283,7 +283,7 @@
                 .octicon {
                     margin-left: 3px;
                     margin-right: 5px;
-                    color: #777;
+                    color: #777777;
 
                     &.octicon-mail-reply {
                         margin-right: 10px;
@@ -329,11 +329,11 @@
             }
 
             tr:hover {
-                background-color: #ffffEE;
+                background-color: #ffffee;
             }
 
             .jumpable-path {
-                color: #888;
+                color: #888888;
             }
         }
 
@@ -369,7 +369,7 @@
                     }
 
                     .btn-octicon.disabled {
-                        color: #bbb;
+                        color: #bbbbbb;
                         cursor: default;
                     }
 
@@ -413,7 +413,7 @@
                 .lines-num {
                     vertical-align: top;
                     text-align: right;
-                    color: #999;
+                    color: #999999;
                     background: #f5f5f5;
                     width: 1%;
                     user-select: none;
@@ -454,7 +454,7 @@
 
                 .lines-commit {
                     vertical-align: top;
-                    color: #999;
+                    color: #999999;
                     padding: 0;
                     background: #f5f5f5;
                     width: 1%;
@@ -551,12 +551,12 @@
                 position: relative;
                 padding: 15px;
                 margin-bottom: 10px;
-                border: 1px solid #ddd;
+                border: 1px solid #dddddd;
                 border-radius: 3px;
                 #avatar-arrow;
 
                 &:after {
-                    border-right-color: #fff;
+                    border-right-color: #ffffff;
                 }
 
                 .quick-pull-choice {
@@ -622,7 +622,7 @@
                 #avatar-arrow;
 
                 &:after {
-                    border-right-color: #fff;
+                    border-right-color: #ffffff;
                 }
 
                 .markdown {
@@ -666,7 +666,7 @@
 
             .index {
                 font-weight: 300;
-                color: #aaa;
+                color: #aaaaaa;
                 letter-spacing: -1px;
             }
 
@@ -681,7 +681,7 @@
 
         .pull-desc {
             code {
-                color: #0166E6;
+                color: #0166e6;
             }
         }
 
@@ -695,7 +695,7 @@
             }
 
             &.tab.segment {
-                border: none;
+                border: 0;
                 padding: 10px 0 0;
                 box-shadow: none;
                 background-color: inherit;
@@ -725,7 +725,7 @@
                 }
 
                 .text {
-                    margin: .3em 0 .5em .5em
+                    margin: 0.3em 0 0.5em 0.5em;
                 }
 
                 .type-icon {
@@ -734,7 +734,7 @@
                 }
 
                 .divider {
-                    margin: .5rem 0;
+                    margin: 0.5rem 0;
                 }
 
                 .review-content {
@@ -797,7 +797,7 @@
                         position: relative;
                         color: #767676;
                         background-color: #f7f7f7;
-                        border-bottom: 1px solid #eee;
+                        border-bottom: 1px solid #eeeeee;
                         border-top-left-radius: 3px;
                         border-top-right-radius: 3px;
 
@@ -832,10 +832,10 @@
                             margin: 5px;
                             padding: 5px;
                             height: 150px;
-                            border: solid 1px #eee;
+                            border: solid 1px #eeeeee;
                             border-radius: 3px;
                             max-width: 150px;
-                            background-color: #fff;
+                            background-color: #ffffff;
 
                             &:before {
                                 content: ' ';
@@ -869,7 +869,7 @@
                     }
 
                     .tab.segment {
-                        border: none;
+                        border: 0;
                         padding: 10px 0 0;
                     }
 
@@ -983,12 +983,12 @@
                 #avatar-arrow;
 
                 &:after {
-                    border-right-color: #fff;
+                    border-right-color: #ffffff;
                 }
             }
 
             .tab.segment {
-                border: none;
+                border: 0;
                 padding: 10px 0 0;
             }
 
@@ -1006,16 +1006,16 @@
         .item {
             padding-top: 10px;
             padding-bottom: 10px;
-            border-bottom: 1px dashed #AAA;
+            border-bottom: 1px dashed #aaaaaa;
 
             a {
                 font-size: 15px;
                 padding-top: 5px;
                 padding-right: 10px;
-                color: #666;
+                color: #666666;
 
                 &:hover {
-                    color: #000;
+                    color: #000000;
                 }
 
                 &.open-issues {
@@ -1036,12 +1036,12 @@
         > .item {
             padding-top: 10px;
             padding-bottom: 10px;
-            border-bottom: 1px dashed #AAA;
+            border-bottom: 1px dashed #aaaaaa;
 
             > a {
                 padding-top: 5px;
                 padding-right: 10px;
-                color: #000;
+                color: #000000;
 
                 &:hover {
                     color: #4078c0;
@@ -1060,7 +1060,7 @@
             }
 
             .meta {
-                color: #999;
+                color: #999999;
                 padding-top: 5px;
 
                 .issue-stats .octicon {
@@ -1079,10 +1079,10 @@
                     font-size: 15px;
                     padding-top: 5px;
                     padding-right: 10px;
-                    color: #666;
+                    color: #666666;
 
                     &:hover {
-                        color: #000;
+                        color: #000000;
                     }
                 }
             }
@@ -1115,7 +1115,7 @@
                 #avatar-arrow;
 
                 &:after {
-                    border-right-color: #fff;
+                    border-right-color: #ffffff;
                 }
             }
         }
@@ -1197,38 +1197,38 @@
         }
 
         &.ui.basic.striped.table tbody tr:nth-child(2n) {
-            background-color: rgba(0, 0, 0, .02) !important;
+            background-color: rgba(0, 0, 0, 0.02) !important;
         }
     }
 
     #commits-table td.sha .sha.label,
     #repo-files-table .sha.label {
         &.isSigned {
-            border: 1px solid #BBB;
+            border: 1px solid #bbbbbb;
 
             .detail.icon {
-                background: #FAFAFA;
+                background: #fafafa;
                 margin: -6px -10px -4px 0px;
                 padding: 5px 3px 5px 6px;
-                border-left: 1px solid #BBB;
+                border-left: 1px solid #bbbbbb;
                 border-top-left-radius: 0;
                 border-bottom-left-radius: 0;
             }
         }
 
         &.isSigned.isVerified {
-            border: 1px solid #21BA45;
-            background: fade(#21BA45, 10%);
+            border: 1px solid #21ba45;
+            background: fade(#21ba45, 10%);
 
             .detail.icon {
-                border-left: 1px solid fade(#21BA45, 50%);
+                border-left: 1px solid fade(#21ba45, 50%);
             }
         }
     }
 
     .diff-detail-box {
         padding: 7px 0;
-        background: #fff;
+        background: #ffffff;
         line-height: 30px;
 
         > div:after {
@@ -1247,7 +1247,7 @@
                 list-style: none;
                 padding-bottom: 4px;
                 margin-bottom: 4px;
-                border-bottom: 1px dashed #DDD;
+                border-bottom: 1px dashed #dddddd;
                 padding-left: 6px;
             }
         }
@@ -1277,7 +1277,7 @@
         }
 
         .detail-files {
-            background: #fff;
+            background: #ffffff;
             margin: 0;
         }
     }
@@ -1308,7 +1308,7 @@
 
         .file {
             flex: 1;
-            color: #888;
+            color: #888888;
             word-break: break-all;
         }
 
@@ -1327,7 +1327,7 @@
         .file-body.file-code {
             .lines-num {
                 text-align: right;
-                color: #A7A7A7;
+                color: #a6a6a6;
                 background: #fafafa;
                 width: 1%;
                 user-select: none;
@@ -1340,7 +1340,7 @@
             }
 
             .lines-num-old {
-                border-right: 1px solid #DDD;
+                border-right: 1px solid #dddddd;
             }
         }
 
@@ -1349,7 +1349,7 @@
 
             td {
                 padding: 0 0 0 10px;
-                border-top: none;
+                border-top: 0;
             }
 
             pre {
@@ -1372,8 +1372,8 @@
 
                     &.tag-code td,
                     td.tag-code {
-                        background-color: #F0F0F0 !important;
-                        border-color: #D2CECE !important;
+                        background-color: #f0f0f0 !important;
+                        border-color: #d3cfcf !important;
                         padding-top: 8px;
                         padding-bottom: 8px;
                         // td.selected-line, td.selected-line pre {
@@ -1484,7 +1484,7 @@
             }
 
             .clone.button:first-child {
-                border-radius: .28571429rem 0 0 .28571429rem;
+                border-radius: 0.28571429rem 0 0 0.28571429rem;
             }
 
             .ui.action.small.input {
@@ -1501,7 +1501,7 @@
 
     &.release {
         #release-list {
-            border-top: 1px solid #DDD;
+            border-top: 1px solid #dddddd;
             margin-top: 20px;
             padding-top: 15px;
 
@@ -1530,7 +1530,7 @@
                 }
 
                 .detail {
-                    border-left: 1px solid #DDD;
+                    border-left: 1px solid #dddddd;
 
                     .author {
                         img {
@@ -1550,14 +1550,14 @@
 
                         .list {
                             padding-left: 0;
-                            border-top: 1px solid #eee;
+                            border-top: 1px solid #eeeeee;
 
                             li {
                                 list-style: none;
                                 display: block;
                                 padding-top: 8px;
                                 padding-bottom: 8px;
-                                border-bottom: 1px solid #eee;
+                                border-bottom: 1px solid #eeeeee;
                             }
                         }
                     }
@@ -1565,14 +1565,14 @@
                     .dot {
                         width: 9px;
                         height: 9px;
-                        background-color: #ccc;
+                        background-color: #cccccc;
                         z-index: 999;
                         position: absolute;
                         display: block;
                         left: -5px;
                         top: 40px;
                         border-radius: 6px;
-                        border: 1px solid #FFF;
+                        border: 1px solid #ffffff;
                     }
                 }
             }
@@ -1631,7 +1631,7 @@
             .item {
                 padding-top: 10px;
                 padding-bottom: 10px;
-                border-bottom: 1px solid #DDD;
+                border-bottom: 1px solid #dddddd;
 
                 .ui.avatar {
                     float: left;
@@ -1716,7 +1716,7 @@
                     line-height: 2em;
 
                     &:not(:last-child) {
-                        border-bottom: 1px solid #DDD;
+                        border-bottom: 1px solid #dddddd;
                     }
                 }
             }
@@ -1789,16 +1789,16 @@
 
     .ui.attached.isSigned.isVerified {
         &:not(.positive) {
-            border-left: 1px solid #A3C293;
-            border-right: 1px solid #A3C293;
+            border-left: 1px solid #a3c293;
+            border-right: 1px solid #a3c293;
         }
 
         &.top:not(.positive) {
-            border-top: 1px solid #A3C293;
+            border-top: 1px solid #a3c293;
         }
 
         &:not(.positive):last-child {
-            border-bottom: 1px solid #A3C293;
+            border-bottom: 1px solid #a3c293;
         }
     }
 
@@ -1818,12 +1818,12 @@
                     color: black;
 
                     &:hover {
-                        color: #666;
+                        color: #666666;
                     }
                 }
 
                 &.active {
-                    background: rgba(0, 0, 0, .05);
+                    background: rgba(0, 0, 0, 0.05);
                 }
             }
         }
@@ -1836,12 +1836,12 @@
             left: auto !important;
 
             > .header {
-                margin: 0.75rem 0 .5rem;
+                margin: 0.75rem 0 0.5rem;
             }
 
             > .item {
                 float: left;
-                padding: .5rem .5rem !important;
+                padding: 0.5rem 0.5rem !important;
 
                 img.emoji {
                     margin-right: 0;
@@ -1851,10 +1851,10 @@
     }
 
     .segment.reactions {
-        padding: .3em 1em;
+        padding: 0.3em 1em;
 
         .ui.label {
-            padding: .4em;
+            padding: 0.4em;
 
             &.disabled {
                 cursor: default;
@@ -1953,27 +1953,27 @@
     > .item {
         padding-top: 15px;
         padding-bottom: 10px;
-        border-bottom: 1px dashed #AAA;
+        border-bottom: 1px dashed #aaaaaa;
 
         .title {
-            color: #444;
+            color: #444444;
             font-size: 15px;
             font-weight: bold;
             margin: 0 6px;
 
             &:hover {
-                color: #000;
+                color: #000000;
             }
         }
 
         .comment {
             padding-right: 10px;
-            color: #666;
+            color: #666666;
         }
 
         .desc {
             padding-top: 5px;
-            color: #999;
+            color: #999999;
 
             .checklist {
                 padding-left: 5px;
@@ -1983,13 +1983,13 @@
                     width: 80px;
                     height: 6px;
                     display: inline-block;
-                    background-color: #eee;
+                    background-color: #eeeeee;
                     overflow: hidden;
                     border-radius: 3px;
                     vertical-align: 2px !important;
 
                     .progress {
-                        background-color: #ccc;
+                        background-color: #cccccc;
                         display: block;
                         height: 100%;
                     }
@@ -1998,10 +1998,10 @@
 
             a.milestone {
                 padding-left: 5px;
-                color: #999 !important;
+                color: #999999 !important;
 
                 &:hover {
-                    color: #000 !important;
+                    color: #000000 !important;
                 }
             }
 
@@ -2025,7 +2025,7 @@
     .dropzone {
         width: 100%;
         margin-bottom: 10px;
-        border: 2px dashed #0087F7;
+        border: 2px dashed #0087f5;
         box-shadow: none !important;
 
         .dz-error-message {
@@ -2040,14 +2040,14 @@
 
         > .header,
         .segment {
-            box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
+            box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
         }
     }
 
     .list {
         > .item {
             .green {
-                color: #21BA45;
+                color: #21ba45;
             }
 
             &:not(:first-child) {
@@ -2062,7 +2062,7 @@
 
             > .mega-octicon + .content {
                 display: table-cell;
-                padding: 0 0 0 .5em;
+                padding: 0 0 0 0.5em;
                 vertical-align: top;
             }
 
@@ -2070,7 +2070,7 @@
                 margin-top: 10px;
 
                 .tab.segment {
-                    border: none;
+                    border: 0;
                     padding: 10px 0 0;
                 }
             }
@@ -2079,7 +2079,7 @@
         &.key {
             .meta {
                 padding-top: 5px;
-                color: #666;
+                color: #666666;
             }
         }
 
@@ -2163,7 +2163,7 @@
     }
 
     &:before {
-        border-right-color: #D4D4D5;
+        border-right-color: #d3d3d4;
         border-width: 9px;
         margin-top: -9px;
     }
@@ -2201,7 +2201,7 @@
         display: table-cell;
 
         &.tiny {
-            height: .5em;
+            height: 0.5em;
         }
     }
 }
@@ -2276,21 +2276,21 @@ tbody.commit-list {
 }
 
 .repo-buttons .disabled-repo-button .label {
-    opacity: .5;
+    opacity: 0.5;
 }
 
 .repo-buttons .disabled-repo-button a.button {
-    opacity: .5;
+    opacity: 0.5;
     cursor: not-allowed;
 }
 
 .repo-buttons .disabled-repo-button a.button:hover {
     background: none !important;
-    color: rgba(0, 0, 0, .6) !important;
-    box-shadow: 0 0 0 1px rgba(34, 36, 38, .15) inset !important;
+    color: rgba(0, 0, 0, 0.6) !important;
+    box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset !important;
 }
 
 .repo-buttons .ui.labeled.button > .label {
-    border-left: none !important;
+    border-left: 0 !important;
     margin: 0 !important;
 }
diff --git a/public/less/_review.less b/public/less/_review.less
index a4a813cfd8..c01e7533b4 100644
--- a/public/less/_review.less
+++ b/public/less/_review.less
@@ -41,7 +41,7 @@
 
     .attached {
         &.tab {
-            border: none;
+            border: 0;
             padding: 0;
             margin: 0;
 
@@ -52,7 +52,7 @@
         }
 
         &.header {
-            padding: .1rem 1rem;
+            padding: 0.1rem 1rem;
         }
     }
 
@@ -81,7 +81,7 @@
             display: inline-block;
             margin: 5px 0;
             font-size: 12px;
-            color: rgba(0, 0, 0, .6)
+            color: rgba(0, 0, 0, 0.6);
         }
 
         .ui.right.floated {
@@ -106,5 +106,5 @@
 
 .file-comment {
     font: 12px @monospaced-fonts, monospace;
-    color: rgba(0, 0, 0, .87);
+    color: rgba(0, 0, 0, 0.87);
 }
diff --git a/public/less/_tribute.less b/public/less/_tribute.less
index 4db85a2cb6..ad097bef6d 100644
--- a/public/less/_tribute.less
+++ b/public/less/_tribute.less
@@ -24,8 +24,9 @@
         }
     }
 
-    li.highlight, li:hover {
-        background: #2185D0;
+    li.highlight,
+    li:hover {
+        background: #2185d0;
         color: #ffffff;
     }
 }
diff --git a/public/less/themes/_base.less b/public/less/themes/_base.less
index 18d4f068c8..e339a6fa8e 100644
--- a/public/less/themes/_base.less
+++ b/public/less/themes/_base.less
@@ -1,3 +1,3 @@
 // TODO: Instead of having each theme file define each
 //       CSS/LESS item in this file and then overide
-//       in the theme files
\ No newline at end of file
+//       in the theme files
diff --git a/public/less/themes/arc-green.less b/public/less/themes/arc-green.less
index 7a6fb64150..6d13bb2e52 100644
--- a/public/less/themes/arc-green.less
+++ b/public/less/themes/arc-green.less
@@ -7,19 +7,27 @@
     color: #bababa;
 }
 
-.repository.file.list .non-diff-file-content .code-view .lines-num, .repository.file.list .non-diff-file-content .code-view .lines-code ol {
+.repository.file.list .non-diff-file-content .code-view .lines-num,
+.repository.file.list .non-diff-file-content .code-view .lines-code ol {
     background-color: #2b2b2b !important;
 }
 
-.hljs-strong, .hljs-emphasis {
+.hljs-strong,
+.hljs-emphasis {
     color: #a8a8a2;
 }
 
-.hljs-bullet, .hljs-quote, .hljs-link, .hljs-number, .hljs-regexp, .hljs-literal {
+.hljs-bullet,
+.hljs-quote,
+.hljs-link,
+.hljs-number,
+.hljs-regexp,
+.hljs-literal {
     color: #6896ba;
 }
 
-.hljs-code, .hljs-selector-class {
+.hljs-code,
+.hljs-selector-class {
     color: #a6e22e;
 }
 
@@ -27,7 +35,12 @@
     font-style: italic;
 }
 
-.hljs-keyword, .hljs-selector-tag, .hljs-section, .hljs-attribute, .hljs-name, .hljs-variable {
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-section,
+.hljs-attribute,
+.hljs-name,
+.hljs-variable {
     color: #cb7832;
 }
 
@@ -39,11 +52,23 @@
     color: #6a8759;
 }
 
-.hljs-subst, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-symbol, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-template-tag, .hljs-template-variable, .hljs-addition {
+.hljs-subst,
+.hljs-type,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-symbol,
+.hljs-selector-id,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-template-tag,
+.hljs-template-variable,
+.hljs-addition {
     color: #e0c46c;
 }
 
-.hljs-comment, .hljs-deletion, .hljs-meta {
+.hljs-comment,
+.hljs-deletion,
+.hljs-meta {
     color: #7f7f7f;
 }
 
@@ -68,7 +93,8 @@ a:hover {
     color: #a0cc75;
 }
 
-.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {
+.ui.card > .extra a:not(.ui):hover,
+.ui.cards > .card > .extra a:not(.ui):hover {
     color: #a0cc75;
 }
 
@@ -137,7 +163,7 @@ a:hover {
 }
 
 .following.bar .top.menu a.item:hover {
-    color: #fff;
+    color: #ffffff;
 }
 
 .repository.view.issue .comment-list .comment .content > .bottom.segment a {
@@ -169,8 +195,10 @@ a:hover {
     border: 1px solid #333640;
 }
 
-.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
-    color: #fff;
+.ui.secondary.menu .dropdown.item:hover,
+.ui.secondary.menu .link.item:hover,
+.ui.secondary.menu a.item:hover {
+    color: #ffffff;
 }
 
 .ui.menu .ui.dropdown .menu > .item {
@@ -178,7 +206,8 @@ a:hover {
     color: #9e9e9e !important;
 }
 
-.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {
+.ui.secondary.menu .dropdown.item > .menu,
+.ui.text.menu .dropdown.item > .menu {
     border: 1px solid #434444;
 }
 
@@ -191,15 +220,17 @@ footer {
     background: #2c303a;
 }
 
-.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item {
-    color: #fff !important;
+.ui.menu .ui.dropdown .menu > .item:hover,
+.ui.menu .ui.dropdown .menu > .selected.item {
+    color: #ffffff !important;
 }
 
 .ui.dropdown .menu > .header {
     color: #dbdbdb;
 }
 
-.ui.red.label, .ui.red.labels .label {
+.ui.red.label,
+.ui.red.labels .label {
     background-color: #7d3434 !important;
     border-color: #8a2121 !important;
 }
@@ -209,18 +240,22 @@ footer {
     border: 1px solid #353945;
 }
 
-.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
+.ui.menu .active.item:hover,
+.ui.vertical.menu .active.item:hover {
     color: #dbdbdb;
-    background: #4B5162;
+    background: #4b5162;
 }
 
-.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
+.ui.link.menu .item:hover,
+.ui.menu .dropdown.item:hover,
+.ui.menu .link.item:hover,
+.ui.menu a.item:hover {
     color: #dbdbdb;
     background: #454b5a;
 }
 
 .ui.menu .active.item {
-    background: #4B5162;
+    background: #4b5162;
     color: #dbdbdb;
 }
 
@@ -230,7 +265,8 @@ footer {
     color: #dbdbdb;
 }
 
-.ui.input input:focus, .ui.input.focus input {
+.ui.input input:focus,
+.ui.input.focus input {
     background: #404552;
     border: 2px solid #353945;
     color: #dbdbdb;
@@ -257,31 +293,39 @@ footer {
     border-bottom: 1px dashed #475767;
 }
 
-.ui.green.label, .ui.green.labels .label, .ui.basic.green.label {
+.ui.green.label,
+.ui.green.labels .label,
+.ui.basic.green.label {
     background-color: #2d693b !important;
     border-color: #2d693b !important;
 }
 
-.ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {
+.ui.basic.green.labels a.label:hover,
+a.ui.basic.green.label:hover {
     background-color: #16ab39 !important;
     border-color: #16ab39 !important;
-    color: #fff !important;
+    color: #ffffff !important;
 }
 
 .issue.list > .item .comment {
     color: #129c92;
 }
 
-.ui.basic.button, .ui.basic.buttons .button {
+.ui.basic.button,
+.ui.basic.buttons .button {
     color: #797979 !important;
 }
 
-.ui.basic.red.active.button, .ui.basic.red.buttons .active.button {
+.ui.basic.red.active.button,
+.ui.basic.red.buttons .active.button {
     box-shadow: 0 0 0 1px #c75252 inset !important;
     color: #c75252 !important;
 }
 
-.ui.basic.button:focus, .ui.basic.button:hover, .ui.basic.buttons .button:focus, .ui.basic.buttons .button:hover {
+.ui.basic.button:focus,
+.ui.basic.button:hover,
+.ui.basic.buttons .button:focus,
+.ui.basic.buttons .button:hover {
     background: transparent !important;
     color: #dbdbdb !important;
 }
@@ -291,7 +335,8 @@ footer {
     color: #9e9e9e;
 }
 
-.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
+.ui.menu .item.disabled,
+.ui.menu .item.disabled:hover {
     color: #626773;
 }
 
@@ -309,7 +354,7 @@ footer {
     color: #dbdbdb;
     border-left: 1px solid transparent;
     border-right: 1px solid transparent;
-    border-top: none;
+    border-top: 0;
 }
 
 .ui.tabular.menu .item {
@@ -320,11 +365,13 @@ footer {
     color: #dbdbdb;
 }
 
-.ui.header, .ui.breadcrumb .divider {
+.ui.header,
+.ui.breadcrumb .divider {
     color: #9e9e9e;
 }
 
-.ui.blue.label, .ui.blue.labels .label {
+.ui.blue.label,
+.ui.blue.labels .label {
     background-color: #26577b !important;
     border-color: #26577b !important;
 }
@@ -333,20 +380,43 @@ footer {
     background: #565454;
 }
 
-.ui.blue.button, .ui.blue.buttons .button {
+.ui.blue.button,
+.ui.blue.buttons .button {
     background-color: #87ab63;
 }
 
-.ui.blue.button:hover, .ui.blue.buttons .button:hover {
+.ui.blue.button:hover,
+.ui.blue.buttons .button:hover {
     background-color: #a0cc75;
 }
 
-.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
+.ui.form input:not([type]),
+.ui.form input[type="text"],
+.ui.form input[type="email"],
+.ui.form input[type="search"],
+.ui.form input[type="password"],
+.ui.form input[type="date"],
+.ui.form input[type="datetime-local"],
+.ui.form input[type="tel"],
+.ui.form input[type="time"],
+.ui.form input[type="url"],
+.ui.form input[type="number"] {
+    color: #9e9e9e;
     background: #404552;
     border: 2px solid #353945;
 }
 
-.ui.form input:not([type]):focus, .ui.form input[type=text]:focus, .ui.form input[type=email]:focus, .ui.form input[type=search]:focus, .ui.form input[type=password]:focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus, .ui.form input[type=number]:focus {
+.ui.form input:not([type]):focus,
+.ui.form input[type="text"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="search"]:focus,
+.ui.form input[type="password"]:focus,
+.ui.form input[type="date"]:focus,
+.ui.form input[type="datetime-local"]:focus,
+.ui.form input[type="tel"]:focus,
+.ui.form input[type="time"]:focus,
+.ui.form input[type="url"]:focus,
+.ui.form input[type="number"]:focus {
     background: #404552;
     border: 2px solid #4b505f;
     color: #dbdbdb;
@@ -356,11 +426,13 @@ footer {
     border-right-color: #4b505f !important;
 }
 
-.ui.green.button, .ui.green.buttons .button {
+.ui.green.button,
+.ui.green.buttons .button {
     background-color: #87ab63;
 }
 
-.ui.green.button:hover, .ui.green.buttons .button:hover {
+.ui.green.button:hover,
+.ui.green.buttons .button:hover {
     background-color: #a0cc75;
 }
 
@@ -370,7 +442,8 @@ footer {
     color: #dbdbdb;
 }
 
-.ui.labeled.button:not([class*="left labeled"]) > .label, .ui[class*="left labeled"].button > .button {
+.ui.labeled.button:not([class*="left labeled"]) > .label,
+.ui[class*="left labeled"].button > .button {
     background: #404552;
     border: 1px solid #4c505c;
     color: #87ab63;
@@ -414,11 +487,15 @@ footer {
     border-bottom: 1px solid #304251;
 }
 
-.hljs, .hljs-keyword, .hljs-selector-tag, .hljs-subst {
+.hljs,
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
     color: #9daccc;
 }
 
-.markdown:not(code) .highlight pre, .markdown:not(code) pre {
+.markdown:not(code) .highlight pre,
+.markdown:not(code) pre {
     background-color: #2a2e3a;
     border: 1px solid #404552;
 }
@@ -432,7 +509,7 @@ footer {
 }
 
 .ui.dropdown .menu > .message:not(.ui) {
-    color: rgb(99, 99, 99);
+    color: #636363;
 }
 
 .ui.input {
@@ -453,12 +530,15 @@ footer {
     border: 1px solid #404552;
 }
 
-.ui.active.button:active, .ui.button:active, .ui.button:focus {
+.ui.active.button:active,
+.ui.button:active,
+.ui.button:focus {
     background-color: #2e3e4e;
     color: #dbdbdb;
 }
 
-.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
+.ui.dropdown .menu .selected.item,
+.ui.dropdown.selected {
     color: #dbdbdb;
 }
 
@@ -528,11 +608,13 @@ footer {
     color: #dbdbdb !important;
 }
 
-.ui.basic.green.active.button, .ui.basic.green.buttons .active.button {
+.ui.basic.green.active.button,
+.ui.basic.green.buttons .active.button {
     color: #13ae38 !important;
 }
 
-.ui.form textarea, .ui.form textarea:focus {
+.ui.form textarea,
+.ui.form textarea:focus {
     background: #1a2632;
     border: 1px solid #313c47;
     color: #dbdbdb;
@@ -552,7 +634,7 @@ footer {
 }
 
 .repository .diff-file-box .code-diff-unified tbody tr.add-code td {
-    background-color: rgb(40, 62, 45) !important;
+    background-color: #283e2d !important;
     border-color: #314a37 !important;
 }
 
@@ -569,19 +651,18 @@ footer {
     background: #2e323e;
 }
 
-.repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
-    border-color: #2d2d2d !important;
-}
-
 .repository .diff-file-box .file-body.file-code .lines-num-old {
     border-right: 1px solid #2d2d2d;
 }
 
-.hljs-title, .hljs-section, .hljs-selector-id {
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
     color: #986c88;
 }
 
-.hljs-string, .hljs-doctag {
+.hljs-string,
+.hljs-doctag {
     color: #949494;
 }
 
@@ -589,12 +670,13 @@ footer {
     background-color: #5f3737;
 }
 
-.repository .diff-file-box .code-diff tbody tr.tag-code td, .repository .diff-file-box .code-diff tbody tr td.tag-code {
+.repository .diff-file-box .code-diff tbody tr.tag-code td,
+.repository .diff-file-box .code-diff tbody tr td.tag-code {
     background-color: #292727 !important;
 }
 
 .ui.vertical.menu .active.item {
-    background: #4B5162;
+    background: #4b5162;
 }
 
 .ui.vertical.menu .item {
@@ -618,19 +700,21 @@ footer {
     color: #87ab63 !important;
 }
 
-.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
+.ui.selection.active.dropdown,
+.ui.selection.active.dropdown .menu {
     border-color: #4e5361;
-    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
 }
 
-.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
+.ui.selection.active.dropdown:hover,
+.ui.selection.active.dropdown:hover .menu {
     border-color: #4e5361;
-    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
+    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
 }
 
 .ui.selection.dropdown {
     background: #404552;
-    border: 1px solid rgb(64, 69, 82);
+    border: 1px solid #404552;
     color: #9e9e9e;
 }
 
@@ -642,16 +726,19 @@ footer {
     border-bottom: 1px solid #313c47;
 }
 
-.ui.card, .ui.cards > .card {
+.ui.card,
+.ui.cards > .card {
     background: #353945;
     box-shadow: 0 1px 3px 0 #4c505c, 0 0 0 1px #4c505c;
 }
 
-.ui.card > .content > .header, .ui.cards > .card > .content > .header {
+.ui.card > .content > .header,
+.ui.cards > .card > .content > .header {
     color: #dbdbdb;
 }
 
-.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {
+.ui.card > .extra a:not(.ui),
+.ui.cards > .card > .extra a:not(.ui) {
     color: #87ab63;
 }
 
@@ -683,15 +770,23 @@ footer {
     background: #4b5162;
 }
 
-.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
+.ui.secondary.pointing.menu .dropdown.item:hover,
+.ui.secondary.pointing.menu .link.item:hover,
+.ui.secondary.pointing.menu a.item:hover {
     color: #dbdbdb;
 }
 
-.ui.checkbox label, .ui.checkbox + label, .ui.form .field > label {
+.ui.checkbox label,
+.ui.checkbox + label,
+.ui.form .field > label {
     color: #9e9e9e;
 }
 
-.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
+.ui.form .inline.field > label,
+.ui.form .inline.field > p,
+.ui.form .inline.fields .field > label,
+.ui.form .inline.fields .field > p,
+.ui.form .inline.fields > label {
     color: #9e9e9e;
 }
 
@@ -717,7 +812,7 @@ input {
 }
 
 .ui.secondary.pointing.menu .active.item {
-    border: none;
+    border: 0;
     background: #383c4a;
 }
 
@@ -725,11 +820,8 @@ input {
     border-top: 1px solid #404552;
 }
 
-.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=url], .ui.form input[type=number] {
-    color: #9e9e9e;
-}
-
-.ui.attached.info.message, .ui.info.message {
+.ui.attached.info.message,
+.ui.info.message {
     box-shadow: 0 0 0 1px #4b5e71 inset, 0 0 0 0 transparent;
 }
 
@@ -762,65 +854,84 @@ input {
     box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
 }
 
-.ui.red.button, .ui.red.buttons .button {
+.ui.red.button,
+.ui.red.buttons .button {
     background-color: #7d3434;
 }
 
-.ui.red.button:hover, .ui.red.buttons .button:hover {
+.ui.red.button:hover,
+.ui.red.buttons .button:hover {
     background-color: #984646;
 }
 
-.ui.checkbox label:hover, .ui.checkbox + label:hover {
+.ui.checkbox label:hover,
+.ui.checkbox + label:hover {
     color: #dbdbdb !important;
 }
 
-.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
-    color: rgb(127, 152, 173);
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
+    color: #7f98ad;
 }
 
-.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
+.ui.checkbox input:checked ~ .box:before,
+.ui.checkbox input:checked ~ label:before {
     background: #304251;
 }
 
-.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
+.ui.checkbox .box:hover::before,
+.ui.checkbox label:hover::before {
     background: #304251;
 }
 
-.ui.checkbox .box:before, .ui.checkbox label:before {
+.ui.checkbox .box:before,
+.ui.checkbox label:before {
     background: #304251;
     border: 1px solid #304251;
 }
 
-.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
+.ui.checkbox .box:active::before,
+.ui.checkbox label:active::before {
     background: #304251;
-    border-color: rgba(34, 36, 38, .35);
+    border-color: rgba(34, 36, 38, 0.35);
 }
 
-.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
+.ui.checkbox input:checked ~ .box:before,
+.ui.checkbox input:checked ~ label:before {
     border-color: #304251;
     background: #304251;
 }
 
-.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
     border-color: #304251;
     background: #304251;
 }
 
-.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
+.ui.checkbox input:checked:focus ~ .box:before,
+.ui.checkbox input:checked:focus ~ label:before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
     border-color: #304251;
     background: #304251;
 }
 
-.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
     opacity: 1;
-    color: rgb(127, 152, 173);
+    color: #7f98ad;
 }
 
-.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
-    color: rgb(127, 152, 173);
+.ui.checkbox input:checked:focus ~ .box:after,
+.ui.checkbox input:checked:focus ~ label:after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
+.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
+    color: #7f98ad;
 }
 
-.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label, .ui.checkbox input:focus ~ label:after {
+.ui.checkbox input:focus ~ .box:after,
+.ui.checkbox input:focus ~ label,
+.ui.checkbox input:focus ~ label:after {
     color: #9a9a9a;
 }
 
@@ -842,7 +953,9 @@ input {
     box-shadow: 0 0 0 1px rgba(121, 71, 66, 0.5) inset, 0 0 0 0 transparent;
 }
 
-.hljs-tag, .hljs-name, .hljs-attribute {
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
     color: #ef5e77;
 }
 
@@ -850,16 +963,22 @@ input {
     border-bottom: 1px solid #4c505c;
 }
 
-.ui.form textarea, .ui.form textarea:focus {
+.ui.form textarea,
+.ui.form textarea:focus {
     background: #404552;
     border: 2px solid #353945;
 }
 
-.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
     color: #bd84bf;
 }
 
-.hljs-string, .hljs-doctag {
+.hljs-string,
+.hljs-doctag {
     color: #8ab398;
 }
 
@@ -867,16 +986,19 @@ input {
     border: 2px dashed #4c505c;
 }
 
-.ui.basic.red.button, .ui.basic.red.buttons .button {
+.ui.basic.red.button,
+.ui.basic.red.buttons .button {
     box-shadow: 0 0 0 1px #a04141 inset !important;
     color: #a04141 !important;
 }
 
-.ui.list .list > .item .header, .ui.list > .item .header {
+.ui.list .list > .item .header,
+.ui.list > .item .header {
     color: #dedede;
 }
 
-.ui.list .list > .item .description, .ui.list > .item .description {
+.ui.list .list > .item .description,
+.ui.list > .item .description {
     color: #9e9e9e;
 }
 
@@ -888,31 +1010,41 @@ input {
     background: #2e323e;
 }
 
-.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
     color: #7c9b5e;
 }
 
-.ui.blue.button:focus, .ui.blue.buttons .button:focus {
+.ui.blue.button:focus,
+.ui.blue.buttons .button:focus {
     background-color: #87ab63;
 }
 
-.ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover {
+.ui.basic.blue.button:hover,
+.ui.basic.blue.buttons .button:hover {
     box-shadow: 0 0 0 1px #87ab63 inset !important;
     color: #87ab63 !important;
 }
 
-.ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus {
+.ui.basic.blue.button:focus,
+.ui.basic.blue.buttons .button:focus {
     box-shadow: 0 0 0 1px #87ab63 inset !important;
     color: #87ab63 !important;
 }
 
-.repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .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 {
+.repository.file.list #file-content .code-view .lines-num pre,
+.repository.file.list #file-content .code-view .lines-code pre,
+.repository.file.list #file-content .code-view .lines-num ol,
+.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: #2a2e3a;
 }
 
-a.ui.label:hover, a.ui.labels .label:hover {
+a.ui.label:hover,
+a.ui.labels .label:hover {
     background-color: #505667;
-    color: rgb(219, 219, 219);
+    color: #dbdbdb;
 }
 
 .repository .label.list .item {
@@ -923,43 +1055,62 @@ a.ui.label:hover, a.ui.labels .label:hover {
     background: #2e323e;
 }
 
-.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory, .repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-directory,
+.repository.file.list #repo-files-table tbody .octicon.octicon-file-submodule {
     color: #7c9b5e;
 }
 
-.ui.basic.blue.button, .ui.basic.blue.buttons .button {
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button {
     box-shadow: 0 0 0 1px #a27558 inset !important;
     color: #a27558 !important;
 }
 
-.repository.file.list #file-content .code-view .lines-num pre, .repository.file.list #file-content .code-view .lines-code pre, .repository.file.list #file-content .code-view .lines-num ol, .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: #2a2e3a;
+.repository.file.list #file-content .code-view {
+    .lines-num pre,
+    .lines-code pre,
+    .lines-num ol,
+    .lines-code ol,
+    .lines-num .hljs,
+    .hljs {
+        background-color: #2a2e3a;
+    }
 }
 
-a.ui.label:hover, a.ui.labels .label:hover {
+a.ui.label:hover,
+a.ui.labels .label:hover {
     background-color: #505667;
-    color: rgb(219, 219, 219);
+    color: #dbdbdb;
 }
 
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) {
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(1),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(4) {
     background-color: #2a2e3a;
 }
 
-.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3), .repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4), .repository .diff-file-box .code-diff-split tbody tr td.add-code {
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(3),
+.repository .diff-file-box .code-diff-split tbody tr.add-code td:nth-child(4),
+.repository .diff-file-box .code-diff-split tbody tr td.add-code {
     background-color: #283e2d !important;
     border-color: #314a37 !important;
 }
 
-.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1), .repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2), .repository .diff-file-box .code-diff-split tbody tr td.del-code {
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(1),
+.repository .diff-file-box .code-diff-split tbody tr.del-code td:nth-child(2),
+.repository .diff-file-box .code-diff-split tbody tr td.del-code {
     background-color: #3c2626 !important;
     border-color: #634343 !important;
 }
 
-.ui.blue.button:focus, .ui.blue.buttons .button:focus {
+.ui.blue.button:focus,
+.ui.blue.buttons .button:focus {
     background-color: #a27558;
 }
 
-.ui.blue.button:active, .ui.blue.buttons .button:active {
+.ui.blue.button:active,
+.ui.blue.buttons .button:active {
     background-color: #a27558;
 }
 
@@ -993,7 +1144,8 @@ a.ui.label:hover, a.ui.labels .label:hover {
     background: #383c4a;
 }
 
-.ui.basic.blue.button, .ui.basic.blue.buttons .button {
+.ui.basic.blue.button,
+.ui.basic.blue.buttons .button {
     box-shadow: 0 0 0 1px #87ab63 inset !important;
     color: #87ab63 !important;
 }
@@ -1009,7 +1161,7 @@ a.ui.label:hover, a.ui.labels .label:hover {
 .CodeMirror {
     color: #9daccc;
     background-color: #2b2b2b;
-    border-top: none;
+    border-top: 0;
 }
 
 .CodeMirror-gutters {
@@ -1027,7 +1179,7 @@ a.ui.label:hover, a.ui.labels .label:hover {
 .comment-code-cloud {
     .ui.attached.tabular.menu {
         background: none transparent;
-        border: none;
+        border: 0;
     }
 
     .footer .markdown-info {
@@ -1036,7 +1188,7 @@ a.ui.label:hover, a.ui.labels .label:hover {
 }
 
 .file-comment {
-    color: #888;
+    color: #888888;
 }
 
 .ui.comments .comment {