bring back color hint for site-level scope

src/css/popup.css

@@ -73,12 +73,15 @@ body .toolbar button.fa {
     font: 1.75em 'FontAwesome';
     min-width: 1.1em;
     }
-body.tScopeGlobal .toolbar button.scopeRel:not(.disabled) {
+body.tScopeGlobal .scopeRel:not(.disabled) {
     color: #000;
     }
-body.tScopeNarrow .toolbar button.scopeRel:not(.disabled) {
+body.tScopeDomain .scopeRel:not(.disabled) {
     color: #24c;
     }
+body.tScopeSite .scopeRel:not(.disabled) {
+    color: #48c;
+    }
 
 
 
@@ -277,9 +280,12 @@ body #scopeCell + .dropdown-menu {
 body.tScopeGlobal #scopeCell {
     background-color: #000;
     }
-body.tScopeNarrow #scopeCell {
+body.tScopeDomain #scopeCell {
     background-color: #24c;
     }
+body.tScopeSite #scopeCell {
+    background-color: #48c;
+    }
 
 
 .matrix {

src/js/popup.js

@@ -986,9 +986,9 @@ function getClassFromScope() {
         return 'tScopeGlobal';
     }
     if ( matrixSnapshot.scope === matrixSnapshot.domain ) {
-        return 'tScopeNarrow';
+        return 'tScopeDomain';
     }
-    return 'tScopeNarrow';
+    return 'tScopeSite';
 }
 
 function initScopeCell() {
@@ -1009,7 +1009,7 @@ function initScopeCell() {
 
 function updateScopeCell() {
     uDom('body')
-        .removeClass('tScopeGlobal tScopeNarrow')
+        .removeClass('tScopeGlobal tScopeDomain tScopeSite')
         .addClass(getClassFromScope());
     uDom('#scopeCell').text(matrixSnapshot.scope.replace('*', '\u2217'));
 }