add icon color filter range

css/admin.css

@@ -24,6 +24,9 @@
     vertical-align: middle;
 }
 
+#side-menu-section input[type="range"] {
+    vertical-align: middle;
+}
 
 #side-menu-section select {
     margin: 10px 0 10px 0;

css/sideMenu.css

@@ -63,6 +63,7 @@
     width: 20px;
     vertical-align: top;
     margin-right: 10px;
+    filter: invert(var(--side-menu-icon-invert-filter, 0%));
 }
 
 .side-menu-app-icon svg {

lib/Controller/CssController.php

@@ -74,6 +74,7 @@ class CssController extends Controller
                 'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
                 'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
                 'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
+                'icon-invert-filter' => abs((int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0')).'%',
             ],
             'display-logo' => (bool) $this->config->getAppValue('side_menu', 'display-logo', 1),
             'opener-only' => (bool) $this->config->getAppValue('side_menu', 'opener-only', 0),

lib/Settings/Admin.php

@@ -18,12 +18,12 @@
 
 namespace OCA\SideMenu\Settings;
 
+use OCA\SideMenu\Service\AppRepository;
 use OCP\AppFramework\Http\TemplateResponse;
+use OCP\IConfig;
 use OCP\IL10N;
 use OCP\ILogger;
 use OCP\Settings\ISettings;
-use OCP\IConfig;
-use OCA\SideMenu\Service\AppRepository;
 
 class Admin implements ISettings
 {
@@ -68,9 +68,9 @@ class Admin implements ISettings
             'background-color-to' => $backgroundColorTo,
             'current-app-background-color' => $this->config->getAppValue('side_menu', 'current-app-background-color', '#444444'),
             'loader-color' => $this->config->getAppValue('side_menu', 'loader-color', '#0e75ac'),
+            'icon-invert-filter' => (int) $this->config->getAppValue('side_menu', 'icon-invert-filter', '0'),
             'loader-enabled' => $this->config->getAppValue('side_menu', 'loader-enabled', '1'),
             'text-color' => $this->config->getAppValue('side_menu', 'text-color', '#FFFFFF'),
-            'force-light-icon' => $this->config->getAppValue('side_menu', 'force-light-icon', '0'),
             'cache' => $this->config->getAppValue('side_menu', 'cache', '0'),
             'opener' => $this->config->getAppValue('side_menu', 'opener', 'side-menu-opener'),
             'big-menu' => $this->config->getAppValue('side_menu', 'big-menu', '0'),
@@ -98,8 +98,8 @@ class Admin implements ISettings
 
     /**
      * @return int whether the form should be rather on the top or bottom of
-     * the admin section. The forms are arranged in ascending order of the
+     *             the admin section. The forms are arranged in ascending order of the
-     * priority values. It is required to return a value between 0 and 100.
+     *             priority values. It is required to return a value between 0 and 100.
      *
      * E.g.: 70
      */

templates/settings/admin-form.php

@@ -88,21 +88,28 @@ $choicesSizes = [
         </div>
 
         <div>
-            <label for="side-menu-opener-only">
+            <label for="side-menu-icon-invert-filter">
-                <?php p($l->t('Force light icons')); ?>
+                <?php p($l->t('Icon color')); ?>
             </label>
         </div>
 
-        <p><em>This feature is not compatible with the <code>big menu</code> display.</em></p>
-
         <div>
-            <select id="side-menu-force-light-icon" name="force-light-icon" class="side-menu-setting">
+            <em>
-                <?php foreach ($choicesYesNo as $label => $value): ?>
+                <?php p($l->t('Same color')); ?>
-                    <option value="<?php echo $value ?>" <?php if ($value === $_['force-light-icon']): ?>selected<?php endif; ?>>
+            </em>
-                        <?php echo $l->t($label);  ?>
+
-                    </option>
+            <input
-                <?php endforeach; ?>
+                type="range"
-            </select>
+                min="0" max="100"
+                id="side-menu-icon-invert-filter"
+                name="icon-invert-filter"
+                class="side-menu-setting"
+                value="<?php echo $_['icon-invert-filter'] ?>"
+            >
+
+            <em>
+                <?php p($l->t('Opposite color')); ?>
+            </em>
         </div>
 
         <div>