Merge branch '1038-dark-mode-design-for-blacklist-feature' into 'development'

Resolve "dark mode design for blacklist feature"

Closes #1038

See merge request !1736

resources/less/metager/general/base.less

@@ -370,6 +370,9 @@ li.nodot {
 button {
     border: none;
     background-color: transparent;
+    i{
+        filter: invert(@icon-color);
+    }
 }
 
 /* Lists with dots */

resources/less/metager/pages/settings.less

@@ -73,10 +73,10 @@
             width:100%;
         }
         tr:nth-child(odd){
-            background-color:rgb(240, 240, 240);
+            background-color:@blacklist-entries-odd;
         }
         tr:nth-child(even){
-            background-color:rgb(255, 215, 200);
+            background-color:@blacklist-entries-even;
         }
         td{
             padding:10px 0px;

resources/less/metager/variables-dark.less

@@ -26,9 +26,12 @@
 @story-eco-color:#aaffaa;
 @story-plugin-background: @color-almost-black;
 @story-font-color: @color-almost-white;
-@icon-color:1;
+@icon-color:0.9;
 
 @searchbar-background-color: @color-almost-black;
 
 @input-background: @color-almost-black;
 @input-text: @color-almost-white;
+
+@blacklist-entries-odd: @color-almost-black;
+@blacklist-entries-even:rgb(30, 15, 0);
\ No newline at end of file

resources/less/metager/variables.less

@@ -78,4 +78,7 @@ sans-serif;
 @searchbar-background-color: white;
 
 @input-background:#fff;
-@input-text:#000;
\ No newline at end of file
+@input-text:#000;
+
+@blacklist-entries-odd:rgb(240, 240, 240);
+@blacklist-entries-even:rgb(255, 215, 200);
\ No newline at end of file

resources/views/settings/index.blade.php

@@ -117,7 +117,7 @@
                 </table>
             </form>
             <form id="clearlist" action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), route('clearBlacklist', ["fokus" => $fokus, "url" => $url])) }}" method="post">
-                <button type="submit" name="clear" value="1">@lang('settings.clear')</button>
+                <button class="btn btn-default" type="submit" name="clear" value="1">@lang('settings.clear')</button>
             </form>
         @endif
     </div>