Oops, forgot the gray color in the palette

app/Helpers/StringHelper.php

@@ -367,7 +367,10 @@ function palette(bool $withBlack = false): array
         'red'       => '#F44336',
     ];
 
-    if ($withBlack) return $palette + ['black'     => '#000000'];
+    if ($withBlack) return $palette + [
+        'black'     => '#000000',
+        'gray'      => '#9E9E9E',
+    ];
 
     return $palette;
 }

app/Widgets/StoriesViewer/_storiesviewer.tpl

@@ -1,6 +1,6 @@
 <ul class="list controls middle">
     <li>
-        <span class="primary icon color transparent active" onclick="history.back()" title="{$c->__('button.close')}">
+        <span class="primary icon active" onclick="history.back()" title="{$c->__('button.close')}">
             <i class="material-symbols">arrow_back</i>
         </span>
     </li>

public/theme/css/color.css

@@ -123,8 +123,10 @@ ul li div > p > span.moderator,
 .button.purple, .icon.purple, span.resource.purple   { color: var(--p-purple); }
 .button.pink,   .icon.pink  , span.resource.pink     { color: var(--p-pink) }
 .button.black,  .icon.black , span.resource.black    { color: var(--p-black); }
+.button.gray,   .icon.gray  , span.resource.gray     { color: var(--p-gray); }
 
 .color,
+.color.gray     { color: white; background-color: var(--p-gray); border-color: var(--p-gray) }
 .color.dorange  { color: white; background-color: var(--p-dorange); border-color: var(--p-dorange) }
 .color.orange   { color: white; background-color: var(--p-orange); border-color: var(--p-orange) }
 .color.amber    { color: white; background-color: var(--p-amber); border-color: var(--p-amber) }