Invert trace images in dark mode

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index a1cae7a36825663c69e829b07ce49c6d887c3f07..cd45d0381f591e785352d549c4e6dae0bbf67ba4 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1036,4 +1036,12 @@ div.secondary-actions {
   margin-bottom: -1px;
 }
 
+/* Rules for traces */
+
+@include color-mode(dark) {
+  img.trace_image {
+    filter: invert(1);
+  }
+}
+
 @import 'browse';

diff --git a/app/views/traces/_trace.html.erb b/app/views/traces/_trace.html.erb
index 184570499dbca6228b01c1b6f031949d11f1de64..72794355bc447185d4d9243c714d6f8a49112e13 100644 (file)
--- a/app/views/traces/_trace.html.erb
+++ b/app/views/traces/_trace.html.erb
@@ -2,7 +2,7 @@
   <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 %>

diff --git a/app/views/traces/edit.html.erb b/app/views/traces/edit.html.erb
index 809112d4b177bcf4397820f108cf2d6d1c26f02b..2059178cfa91303ca496f68839d590f6db097141 100644 (file)
--- a/app/views/traces/edit.html.erb
+++ b/app/views/traces/edit.html.erb
@@ -2,7 +2,7 @@
   <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 %>

diff --git a/app/views/traces/show.html.erb b/app/views/traces/show.html.erb
index def928da57bc56d604bbc759f92ee1c64ce42284..51b21f9828e0f72cfdd56488f0e6657e9098a442 100644 (file)
--- a/app/views/traces/show.html.erb
+++ b/app/views/traces/show.html.erb
@@ -4,7 +4,7 @@
 
 <% 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 %>