Add theme required fixes

searx/static/themes/kvanDark/gruntfile.js

@@ -145,7 +145,7 @@ module.exports = function (grunt) {
           svgo: ['--config', 'svg4web.svgo.js']
         },
         files: {
-          '<%= _templates %>/simple/searxng-wordmark.min.svg': '<%= _brand %>/searxng-wordmark.svg',
+          '<%= _templates %>/kvanDark/searxng-wordmark.min.svg': '<%= _brand %>/searxng-wordmark.svg',
           'img/searxng.svg': '<%= _brand %>/searxng.svg',
           'img/img_load_error.svg': '<%= _brand %>/img_load_error.svg'
         }
@@ -192,7 +192,7 @@ module.exports = function (grunt) {
           'heart-outline': 'node_modules/ionicons/dist/svg/heart-outline.svg',
           'information-circle-outline': 'src/svg/information-circle-outline.svg',
         },
-        dest: '../../../templates/simple/icons.html',
+        dest: '../../../templates/kvanDark/icons.html',
       },
     },
   });
@@ -229,7 +229,7 @@ module.exports = function (grunt) {
         grunt.log.error(err);
       }
     }
-    const template = `{# this file was generated by searx/static/themes/simple/gruntfile.js #}
+    const template = `{# this file was generated by searx/static/themes/kvanDark/gruntfile.js #}
 {%- set icons = {
 <% for (const iconName in icons) { %>  '<%- iconName %>':'<%- icons[iconName] %>',
 <% } %>

searx/static/themes/kvanDark/src/less/detail.less

@@ -1,8 +1,8 @@
-#main_results #results.image-detail-open.only_template_images {
+#main_kvanDark\/results #results.image-detail-open.only_template_images {
   width: min(98%, 59.25rem) !important;
 }
 
-#main_results #results.only_template_images.image-detail-open #backToTop {
+#main_kvanDark\/results #results.only_template_images.image-detail-open #backToTop {
   .ltr-left(56.75rem) !important;
   .ltr-right(inherit);
 }

searx/static/themes/kvanDark/src/less/index.less

@@ -1,4 +1,5 @@
-#main_index {
+#main_index,
+#main_kvanDark\/index {
   margin-top: 26vh;
 }
 
@@ -45,7 +46,8 @@
     }
   }
 
-  #main_index {
+  #main_index,
+  #main_kvanDark\/index {
     margin-top: 6em;
   }
 }

searx/static/themes/kvanDark/src/less/preferences.less

@@ -15,7 +15,8 @@ table {
   }
 }
 
-#main_preferences {
+#main_preferences,
+#main_kvanDark\/preferences {
   form {
     width: 100%;
   }

searx/static/themes/kvanDark/src/less/search.less

@@ -248,7 +248,8 @@ html.no-js #clear_search.hide_if_nojs {
 
 @media screen and (max-width: @tablet) and (hover: none) {
   #main_index,
-  #main_results {
+  #main_kvanDark\/index,
+  #main_kvanDark\/results {
     #categories_container {
       width: max-content;
 
@@ -348,7 +349,7 @@ html.no-js #clear_search.hide_if_nojs {
     }
   }
 
-  #main_results #q:placeholder-shown ~ #send_search {
+  #main_kvanDark\/results #q:placeholder-shown ~ #send_search {
     .ltr-margin-right(2.6rem);
     transition: margin 0.1s;
   }

searx/static/themes/kvanDark/src/less/style-center.less

@@ -4,31 +4,31 @@ see the CSS rules for #results in style.less ( grid-template-columns and gap).
 
 In this file, the --center-page-width values comes from the Oscar theme (Bootstrap 3).
 
-All rules starts with ".center-aligment-yes #main_results" to be enabled only
+All rules starts with ".center-aligment-yes #main_kvanDark\/results" to be enabled only
 on the /search URL and when the "center alignment" preference is enabled.
 */
 
 @media screen and (min-width: @phone) {
-  .center-aligment-yes #main_results {
+  .center-aligment-yes #main_kvanDark\/results {
     --center-page-width: 48rem;
   }
 }
 
 @media screen and (min-width: 62rem) {
-  .center-aligment-yes #main_results {
+  .center-aligment-yes #main_kvanDark\/results {
     --center-page-width: 60rem;
   }
 }
 
 @media screen and (min-width: @tablet) {
-  .center-aligment-yes #main_results {
+  .center-aligment-yes #main_kvanDark\/results {
     --center-page-width: 73rem;
   }
 }
 
 @media screen and (min-width: @phone) and (max-width: @tablet) {
   // any change must be reset in @media screen and (min-width: @tablet) { ... }
-  .center-aligment-yes #main_results {
+  .center-aligment-yes #main_kvanDark\/results {
     #results {
       grid-template-columns: 60% calc(40% - @results-gap);
       margin-left: 0;
@@ -50,7 +50,7 @@ on the /search URL and when the "center alignment" preference is enabled.
 }
 
 @media screen and (min-width: @tablet) {
-  .center-aligment-yes #main_results {
+  .center-aligment-yes #main_kvanDark\/results {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -86,7 +86,7 @@ on the /search URL and when the "center alignment" preference is enabled.
       &.image-detail-open {
         // * grid-template-columns and .ltr-margin-left are set in style.less
         // * With .image-detail-open.only_template_images, the width is set in detail.less
-        // * #results is going to be centered because of the #main_results rules,
+        // * #results is going to be centered because of the #main_kvanDark\/results rules,
         //   align-self aligns the results on the left or right according to the language.
         align-self: flex-start;
       }

searx/static/themes/kvanDark/src/less/style-rtl.less

@@ -100,7 +100,7 @@
 }
 
 // Image flexbox
-#main_results div#results.only_template_images #urls {
+#main_kvanDark\/results div#results.only_template_images #urls {
   direction: rtl;
 }
 
@@ -136,6 +136,7 @@
 
 // Logo on the right
 #main_preferences h1,
+#main_kvanDark\/preferences h1,
 #main_stats h1 {
   background-position-x: 100%;
 }

searx/static/themes/kvanDark/src/less/style.less

@@ -917,7 +917,7 @@ summary.title {
     margin: 2rem 0 0 0 !important;
   }
 
-  #main_results div#results {
+  #main_kvanDark\/results div#results {
     margin: 0 auto;
     justify-content: center;
     display: grid;
@@ -963,7 +963,7 @@ summary.title {
 
 /* Misc */
 
-#main_results div#results.only_template_images {
+#main_kvanDark\/results div#results.only_template_images {
   margin: 1rem @results-tablet-offset 0 @results-tablet-offset;
   display: grid;
   grid-template-columns: 100%;
@@ -1013,7 +1013,7 @@ summary.title {
     background-color: var(--color-base-background-mobile);
   }
 
-  #main_results div#results {
+  #main_kvanDark\/results div#results {
     grid-template-columns: 100%;
     margin: 0 auto;
   }
@@ -1023,7 +1023,8 @@ summary.title {
     .ltr-right(10px);
   }
 
-  #main_index #links_on_top {
+  #main_index #links_on_top,
+  #main_kvanDark\/index {
     top: 0.5rem;
     .ltr-right(0.5rem);
   }