@@ -18,4 +18,9 @@
   .trail-titles li.<%= topic.slug.parameterize %> {
     border-color: <%= topic.color %>;
   }
+
+  .trail.<%= topic.slug.parameterize %> .topic-label {
+    background: <%= topic.color %>;
+    color: <%= topic.color_accent %>;
+  }
 <% end %>
<% @topics.each do |topic| %>
  body.resources-index.<%= topic.slug.parameterize %> .subject {
    background: <%= topic.color %>;
  }

  body.resources-index.<%= topic.slug.parameterize %> .topic-image {
    background: image-url('topics/<%= topic.slug %>.svg') no-repeat;
  }

  body.resources-index.<%= topic.slug.parameterize %> h1 {
    color: <%= topic.color_accent %>;
  }

  .tiles ul .tile.<%= topic.slug.parameterize %> {
    border-top-color: <%= topic.color %>;
  }

  .trail-titles li.<%= topic.slug.parameterize %> {
    border-color: <%= topic.color %>;
  }
<% end %>

Just noticed that this seems to be just CSS and not SASS. It shouldn't be done as part of this pull request, but do we want to support SASS in here? The nesting is a little prettier and we currently can't use Bourbon mixins or anything.