margin-bottom: -1px;
}
+/* Rules for traces */
+
+img.trace_image {
+ mix-blend-mode: darken;
+}
+
+@include color-mode(dark) {
+ img.trace_image {
+ filter: invert(1);
+ mix-blend-mode: lighten;
+ }
+}
+
@import 'browse';
<td>
<% if Settings.status != "gpx_offline" %>
<% if trace.inserted %>
- <%= link_to image_tag(trace_icon_path(trace.user, trace), :alt => ""), show_trace_path(trace.user, trace) %>
+ <%= link_to image_tag(trace_icon_path(trace.user, trace), :alt => "", :class => "trace_image"), show_trace_path(trace.user, trace) %>
<% else %>
<span class="text-danger"><%= t ".pending" %></span>
<% end %>
<h1><%= t ".heading", :name => @trace.name %></h1>
<% end %>
-<%= image_tag trace_picture_path(@trace.user, @trace) %>
+<%= image_tag trace_picture_path(@trace.user, @trace), :class => "trace_image" %>
<%= bootstrap_form_for @trace do |f| %>
<%= f.text_field :name, :disabled => true %>
<% if Settings.status != "gpx_offline" %>
<% if @trace.inserted %>
- <%= image_tag trace_picture_path(@trace.user, @trace) %>
+ <%= image_tag trace_picture_path(@trace.user, @trace), :class => "trace_image" %>
<% else %>
<span class="text-danger"><%= t ".pending" %></span>
<% end %>