adjust disabled colors to match perception

...because transparent text is rendered using gamma-blending whereas colored text uses LCD-antialiasing so to match opacity .6 of #000 we need #888 not #666

manage/manage.css

@@ -258,15 +258,15 @@ a:hover {
 }
 
 .disabled h2 .style-name-link,
-.disabled .actions,
-.disabled .applies-to {
-  opacity: 0.6;
+.disabled .applies-to,
+.newUI .disabled.entry .svg-icon {
+  color: #888;
+  fill: #c4c4c4;
   font-weight: normal;
-  transition: opacity .5s .1s;
+  transition: color .5s .1s, fill .5s .1s;
 }
-.disabled h2 .style-name-link {
-  opacity: 1;
-  color: #999;
+.disabled.usercss .style-name-link::after {
+  background-color: hsla(180, 35%, 50%, .2);
 }
 
 .disabled:hover .actions {
@@ -340,10 +340,6 @@ a:hover {
   margin-bottom: .75rem;
 }
 
-.newUI .disabled {
-  opacity: 1;
-}
-
 .newUI .entry {
   display: table-row;
   padding-top: 0;

popup/popup.css

@@ -220,9 +220,17 @@ html[style] .entry-content {
   opacity: 1;
 }
 
-.entry.disabled .style-name {
+.entry.disabled .style-name,
+.entry.disabled .svg-icon {
   font-weight: normal;
-  color: #999;
+  color: #888;
+  fill: #aaa;
+}
+.entry.disabled:hover .svg-icon {
+    fill: #666;
+}
+.entry.disabled:hover a:hover .svg-icon {
+    fill: #000;
 }
 
 .entry .main-controls {