On iOS 8.1 Mac 10.11. In Chrome, rules that are not editable such as "User Agent Stylesheet" have a darkened background so at quick glance you know the rules aren't editable and look distinct from the surrounding rules that are editable. In Safari the rules look identical including the background color with the exception of a little lock icon in the right. While I think the lock icon follows Apple's design aesthetic and can be there, but the background of the uneducable rules should be the Safari header gray rather than White like Chrome to make it instantly clear it's not editable.
<rdar://problem/21388092>
Created attachment 255304 [details] Patch I think this would be a positive change.
Created attachment 255305 [details] [Image] After the patch applied
Comment on attachment 255304 [details] Patch Clearing flags on attachment: 255304 Committed r185836: <http://trac.webkit.org/changeset/185836>
All reviewed patches have been landed. Closing bug.