diff --git a/manage/manage.css b/manage/manage.css index 9c11cf3e..ee8c664f 100644 --- a/manage/manage.css +++ b/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; diff --git a/popup/popup.css b/popup/popup.css index 1c2fb49f..c102188b 100644 --- a/popup/popup.css +++ b/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 {