diff --git a/core/themes/seven/seven.theme b/core/themes/seven/seven.theme
index 052838a..560e3e0 100644
--- a/core/themes/seven/seven.theme
+++ b/core/themes/seven/seven.theme
@@ -115,6 +115,16 @@ function seven_preprocess_admin_block_content(&$variables) {
 }
 
 /**
+ * Implements hook_preprocess_HOOK() for tablesort indicator templates.
+ *
+ * Uses Seven's image versions, so the arrows show up as black and not gray on
+ * gray.
+ */
+function seven_preprocess_tablesort_indicator(&$variables) {
+  $variables['theme_path'] = drupal_get_path('theme', 'seven');
+}
+
+/**
  * Overrides theme_menu_local_action().
  */
 function seven_menu_local_action($variables) {
diff --git a/core/themes/seven/templates/tablesort-indicator.html.twig b/core/themes/seven/templates/tablesort-indicator.html.twig
index 7fea0dc..7294f89 100644
--- a/core/themes/seven/templates/tablesort-indicator.html.twig
+++ b/core/themes/seven/templates/tablesort-indicator.html.twig
@@ -5,12 +5,13 @@
  *
  * Available variables:
  * - style: Either 'asc' or 'desc', indicating the sorting direction.
+ * - theme_path: Path to the theme.
  *
  * @ingroup themeable
  */
 #}
 {% if style == 'asc' -%}
-  <img src="{{ url(theme_path ~ 'images/arrow-asc.png') }}" width="9" height="5" alt="{{ 'Sort ascending'|t }}" title="{{ 'Sort ascending'|t }}" />
+  <img src="{{ url(theme_path ~ '/images/arrow-asc.png') }}" width="9" height="5" alt="{{ 'Sort ascending'|t }}" title="{{ 'Sort ascending'|t }}" />
 {% else -%}
-  <img src="{{ url(theme_path ~ 'images/arrow-desc.png') }}" width="9" height="5" alt="{{ 'Sort descending'|t }}" title="{{ 'Sort descending'|t }}" />
+  <img src="{{ url(theme_path ~ '/images/arrow-desc.png') }}" width="9" height="5" alt="{{ 'Sort descending'|t }}" title="{{ 'Sort descending'|t }}" />
 {% endif %}