Highlight traits like rw, copy etc. differently in CSS

Author: samcv

html/css/highlights.css

@@ -73,6 +73,11 @@ atom-text-editor.is-focused .line.cursor-line {
 .constant.numeric.line-number.find-in-files .match {
   color: rgba(143, 190, 0, 0.63);
 }
+/* For 'rw', 'copy' etc. */
+.entity.name.type.trait {
+  color: #555CEE
+  font-weight: bold
+}
 .variable.other {
   color: #CC0050
 }

template/head.html

@@ -1,7 +1,7 @@
 <meta name=viewport content="width=device-width, initial-scale=1">
 <link rel="icon" href="/favicon.ico" type="image/x-icon" />
 <link type="text/css" href="/css/custom-theme/jquery-ui.css?v=1" rel="stylesheet" />
-<link type="text/css" href="/css/highlights.css?v=2" rel="stylesheet" />
+<link type="text/css" href="/css/highlights.css?v=3" rel="stylesheet" />
 <link type="text/css" href="/css/pygments.css?v=1" rel="stylesheet" />
 <link rel="stylesheet" type="text/css" href="/css/style.css?v=1" media="screen" title="default" />
 <noscript> <style> #search { visibility: hidden; } </style> </noscript>