Merge pull request #41 from return42/fix-themes

fix varius theme issues

searx/static/themes/__common__/less/new_issue.less

@@ -0,0 +1,14 @@
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: white;
+  background-color: #238636 !important; /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+}
+.github-issue-button:hover {
+  background-color: #2ea043;
+}

searx/static/themes/oscar/css/logicodev-dark.css

@@ -1,29 +1,17 @@
-.searx-navbar {
-  background: #29314D;
-  height: 2.3rem;
-  font-size: 1.3rem;
-  line-height: 1.3rem;
-  padding: 0.5rem;
-  font-weight: bold;
-  margin-bottom: 0.8rem;
-}
-.searx-navbar a,
-.searx-navbar a:hover {
-  margin-right: 2rem;
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
   color: white;
-  text-decoration: none;
-}
-.searx-navbar .instance a {
-  color: #01D7D4;
-  margin-left: 2rem;
-}
-#main-logo {
-  margin-top: 20vh;
-  margin-bottom: 25px;
+  background-color: #238636 !important;
+  /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
 }
-#main-logo > img {
-  max-width: 350px;
-  width: 80%;
+.github-issue-button:hover {
+  background-color: #2ea043;
 }
 * {
   border-radius: 0 !important;
@@ -547,8 +535,8 @@ code {
   font-family: 'Ubuntu Mono', 'Courier New', 'Lucida Console', monospace !important;
 }
 /*
-   this file is generated automatically by searx_extra/update/update_pygments.py 
-   using pygments version 2.8.0
+   this file is generated automatically by searx_extra/update/update_pygments.py
+   using pygments version 2.8.1
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
@@ -966,8 +954,8 @@ th:hover .engine-tooltip,
   flex-shrink: 0;
   flex-grow: 0;
   flex-basis: unset;
-  background: #000000;
-  border: 1px solid rgba(0, 0, 0, 0.9);
+  background: #d5d8d7;
+  border: 1px solid rgba(213, 216, 215, 0.9);
   padding: 0.3rem 0;
 }
 .stacked-bar-chart-rate80 {
@@ -976,7 +964,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border: 1px solid rgba(0, 0, 0, 0.3);
+  border: 1px solid rgba(213, 216, 215, 0.3);
   padding: 0.3rem 0;
 }
 .stacked-bar-chart-rate95 {
@@ -985,7 +973,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
+  border-bottom: 1px dotted rgba(213, 216, 215, 0.5);
   padding: 0;
 }
 .stacked-bar-chart-rate100 {
@@ -994,7 +982,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border-left: 1px solid rgba(0, 0, 0, 0.9);
+  border-left: 1px solid rgba(213, 216, 215, 0.9);
   padding: 0.4rem 0;
   width: 1px;
 }
@@ -1016,3 +1004,239 @@ th:hover .engine-tooltip,
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   padding: 0.4rem 0;
 }
+/*Global*/
+body {
+  background: #1d1f21 none !important;
+  color: #D5D8D7 !important;
+}
+a {
+  color: #41a2ce !important;
+  text-decoration: none !important;
+}
+a:hover {
+  color: #5F89AC !important;
+}
+input,
+button,
+textarea,
+select {
+  border: 1px solid #282a2e !important;
+  background-color: #444 !important;
+  color: #BBB !important;
+}
+input:focus,
+button:focus,
+textarea:focus,
+select:focus {
+  border: 1px solid #C5C8C6 !important;
+  box-shadow: initial !important;
+}
+div#advanced-search-container div#categories label {
+  background: none;
+  border: 1px solid #282a2e;
+}
+ul.nav li a {
+  border: 0 !important;
+  border-bottom: 1px solid #4d3f43 !important;
+}
+#categories *,
+.modal-wrapper * {
+  background: #1d1f21 none !important;
+  color: #D5D8D7 !important;
+}
+#categories * {
+  border: 1px solid #3d3f43 !important;
+}
+#categories *:checked + label {
+  border-bottom: 4px solid #3d9f94 !important;
+}
+.result-content,
+.result-source,
+.result-format {
+  color: #B5B8B7 !important;
+}
+.external-link {
+  color: #35B887 !important;
+}
+.table-striped tr td,
+.table-striped tr th {
+  border-color: #4d3f43 !important;
+}
+/*nav*/
+.navbar {
+  background: #1d1f21 none;
+  border: none;
+}
+.navbar .active,
+.menu {
+  background: none !important;
+}
+.label-default {
+  background: none;
+  color: #BBB;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus,
+.nav-tabs.nav-justified > .active > a {
+  background-color: #282a2e !important;
+}
+/*Search Page*/
+.result-default:hover,
+.result-code:hover,
+.result-torrent:hover,
+.result-videos:hover,
+.result-map:hover {
+  background-color: #222426;
+}
+/*buttons*/
+.btn {
+  color: #BBB;
+  background-color: #444;
+  border: 1px solid #282a2e;
+}
+.btn:hover {
+  color: #444 !important;
+  background-color: #BBB !important;
+}
+.btn-primary.active {
+  color: #C5C8C6;
+  background-color: #5F89AC;
+  border-color: #5F89AC;
+}
+/*Right Pannels*/
+.panel {
+  border: 1px solid #111;
+  background: none;
+}
+.panel-heading {
+  color: #C5C8C6 !important;
+  background: #282a2e !important;
+  border-bottom: none;
+}
+.panel-body {
+  color: #C5C8C6 !important;
+  background: #1d1f21 !important;
+  border-color: #111 !important;
+}
+.panel-footer {
+  color: #C5C8C6 !important;
+  background: #282a2e !important;
+  border-top: 1px solid #111 !important;
+}
+.infobox_toggle:hover {
+  background: #3d3f43 !important;
+}
+p.btn.btn-default {
+  background: none;
+}
+.table-striped > tbody > tr:nth-child(odd) > td,
+.table-striped > tbody > tr:nth-child(odd) > th,
+.table-striped > thead > tr:nth-child(odd) > th {
+  background: #2d2f32 none !important;
+  color: #D5D8D7 !important;
+}
+.label-success {
+  background: #1d6f42 none !important;
+}
+.label-danger {
+  background: #ad1f12 none !important;
+}
+.searx-navbar {
+  background: #333334;
+  height: 2.3rem;
+  font-size: 1.3rem;
+  line-height: 1.3rem;
+  padding: 0.5rem;
+  font-weight: bold;
+  margin-bottom: 0.8rem;
+}
+.searx-navbar a,
+.searx-navbar a:hover {
+  margin-right: 2rem;
+  color: white;
+  text-decoration: none;
+}
+.searx-navbar .instance a {
+  color: #01D7D4;
+  margin-left: 2rem;
+}
+#main-logo {
+  margin-top: 20vh;
+  margin-bottom: 25px;
+}
+#main-logo > img {
+  max-width: 350px;
+  width: 80%;
+}
+.onoffswitch-inner:before,
+.onoffswitch-inner:after {
+  background: #1d1f21 none !important;
+}
+.onoffswitch-switch,
+.onoffswitch-label {
+  border: 2px solid #3d3f43 !important;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  background-color: #3d3f43 !important;
+}
+/*Images search*/
+.img-thumbnail,
+.thumbnail {
+  padding: 0px;
+  line-height: 1.42857143;
+  background: none;
+  border: none;
+}
+.modal-content {
+  background: #1d1f21 none !important;
+}
+/*Preferences*/
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background: rgba(240, 0, 0, 0.56) !important;
+  color: #C5C8C6 !important;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+  background: rgba(237, 59, 59, 0.61) !important;
+  color: #C5C8C6 !important;
+}
+.table-hover > tbody > tr:hover > td,
+.table-hover > tbody > tr:hover > th {
+  background: #66696e !important;
+}
+.btn-success {
+  color: #C5C8C6;
+  background: #449d44;
+}
+.btn-danger {
+  color: #C5C8C6;
+  background: #d9534f;
+}
+.well {
+  background: #444;
+  border-color: #282a2e;
+}
+.highlight {
+  background-color: transparent !important;
+}
+/* engine tooltip */
+.engine-tooltip {
+  border: 1px solid #3d3f43;
+  background: #1d1f21;
+}

searx/static/themes/oscar/css/logicodev.css

@@ -1,3 +1,45 @@
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: white;
+  background-color: #238636 !important;
+  /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+}
+.github-issue-button:hover {
+  background-color: #2ea043;
+}
+.searx-navbar {
+  background: #29314D;
+  height: 2.3rem;
+  font-size: 1.3rem;
+  line-height: 1.3rem;
+  padding: 0.5rem;
+  font-weight: bold;
+  margin-bottom: 0.8rem;
+}
+.searx-navbar a,
+.searx-navbar a:hover {
+  margin-right: 2rem;
+  color: white;
+  text-decoration: none;
+}
+.searx-navbar .instance a {
+  color: #01D7D4;
+  margin-left: 2rem;
+}
+#main-logo {
+  margin-top: 20vh;
+  margin-bottom: 25px;
+}
+#main-logo > img {
+  max-width: 350px;
+  width: 80%;
+}
 * {
   border-radius: 0 !important;
 }
@@ -520,8 +562,8 @@ code {
   font-family: 'Ubuntu Mono', 'Courier New', 'Lucida Console', monospace !important;
 }
 /*
-   this file is generated automatically by searx_extra/update/update_pygments.py 
-   using pygments version 2.8.0
+   this file is generated automatically by searx_extra/update/update_pygments.py
+   using pygments version 2.8.1
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;
@@ -939,8 +981,8 @@ th:hover .engine-tooltip,
   flex-shrink: 0;
   flex-grow: 0;
   flex-basis: unset;
-  background: #d5d8d7;
-  border: 1px solid rgba(213, 216, 215, 0.9);
+  background: #000000;
+  border: 1px solid rgba(0, 0, 0, 0.9);
   padding: 0.3rem 0;
 }
 .stacked-bar-chart-rate80 {
@@ -949,7 +991,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border: 1px solid rgba(213, 216, 215, 0.3);
+  border: 1px solid rgba(0, 0, 0, 0.3);
   padding: 0.3rem 0;
 }
 .stacked-bar-chart-rate95 {
@@ -958,7 +1000,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border-bottom: 1px dotted rgba(213, 216, 215, 0.5);
+  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
   padding: 0;
 }
 .stacked-bar-chart-rate100 {
@@ -967,7 +1009,7 @@ th:hover .engine-tooltip,
   flex-grow: 0;
   flex-basis: unset;
   background: transparent;
-  border-left: 1px solid rgba(213, 216, 215, 0.9);
+  border-left: 1px solid rgba(0, 0, 0, 0.9);
   padding: 0.4rem 0;
   width: 1px;
 }
@@ -989,239 +1031,3 @@ th:hover .engine-tooltip,
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
   padding: 0.4rem 0;
 }
-/*Global*/
-body {
-  background: #1d1f21 none !important;
-  color: #D5D8D7 !important;
-}
-a {
-  color: #41a2ce !important;
-  text-decoration: none !important;
-}
-a:hover {
-  color: #5F89AC !important;
-}
-input,
-button,
-textarea,
-select {
-  border: 1px solid #282a2e !important;
-  background-color: #444 !important;
-  color: #BBB !important;
-}
-input:focus,
-button:focus,
-textarea:focus,
-select:focus {
-  border: 1px solid #C5C8C6 !important;
-  box-shadow: initial !important;
-}
-div#advanced-search-container div#categories label {
-  background: none;
-  border: 1px solid #282a2e;
-}
-ul.nav li a {
-  border: 0 !important;
-  border-bottom: 1px solid #4d3f43 !important;
-}
-#categories *,
-.modal-wrapper * {
-  background: #1d1f21 none !important;
-  color: #D5D8D7 !important;
-}
-#categories * {
-  border: 1px solid #3d3f43 !important;
-}
-#categories *:checked + label {
-  border-bottom: 4px solid #3d9f94 !important;
-}
-.result-content,
-.result-source,
-.result-format {
-  color: #B5B8B7 !important;
-}
-.external-link {
-  color: #35B887 !important;
-}
-.table-striped tr td,
-.table-striped tr th {
-  border-color: #4d3f43 !important;
-}
-/*nav*/
-.navbar {
-  background: #1d1f21 none;
-  border: none;
-}
-.navbar .active,
-.menu {
-  background: none !important;
-}
-.label-default {
-  background: none;
-  color: #BBB;
-}
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > .active > a:focus,
-.nav-tabs.nav-justified > .active > a {
-  background-color: #282a2e !important;
-}
-/*Search Page*/
-.result-default:hover,
-.result-code:hover,
-.result-torrent:hover,
-.result-videos:hover,
-.result-map:hover {
-  background-color: #222426;
-}
-/*buttons*/
-.btn {
-  color: #BBB;
-  background-color: #444;
-  border: 1px solid #282a2e;
-}
-.btn:hover {
-  color: #444 !important;
-  background-color: #BBB !important;
-}
-.btn-primary.active {
-  color: #C5C8C6;
-  background-color: #5F89AC;
-  border-color: #5F89AC;
-}
-/*Right Pannels*/
-.panel {
-  border: 1px solid #111;
-  background: none;
-}
-.panel-heading {
-  color: #C5C8C6 !important;
-  background: #282a2e !important;
-  border-bottom: none;
-}
-.panel-body {
-  color: #C5C8C6 !important;
-  background: #1d1f21 !important;
-  border-color: #111 !important;
-}
-.panel-footer {
-  color: #C5C8C6 !important;
-  background: #282a2e !important;
-  border-top: 1px solid #111 !important;
-}
-.infobox_toggle:hover {
-  background: #3d3f43 !important;
-}
-p.btn.btn-default {
-  background: none;
-}
-.table-striped > tbody > tr:nth-child(odd) > td,
-.table-striped > tbody > tr:nth-child(odd) > th,
-.table-striped > thead > tr:nth-child(odd) > th {
-  background: #2d2f32 none !important;
-  color: #D5D8D7 !important;
-}
-.label-success {
-  background: #1d6f42 none !important;
-}
-.label-danger {
-  background: #ad1f12 none !important;
-}
-.searx-navbar {
-  background: #333334;
-  height: 2.3rem;
-  font-size: 1.3rem;
-  line-height: 1.3rem;
-  padding: 0.5rem;
-  font-weight: bold;
-  margin-bottom: 0.8rem;
-}
-.searx-navbar a,
-.searx-navbar a:hover {
-  margin-right: 2rem;
-  color: white;
-  text-decoration: none;
-}
-.searx-navbar .instance a {
-  color: #01D7D4;
-  margin-left: 2rem;
-}
-#main-logo {
-  margin-top: 20vh;
-  margin-bottom: 25px;
-}
-#main-logo > img {
-  max-width: 350px;
-  width: 80%;
-}
-.onoffswitch-inner:before,
-.onoffswitch-inner:after {
-  background: #1d1f21 none !important;
-}
-.onoffswitch-switch,
-.onoffswitch-label {
-  border: 2px solid #3d3f43 !important;
-}
-.nav > li > a:hover,
-.nav > li > a:focus {
-  background-color: #3d3f43 !important;
-}
-/*Images search*/
-.img-thumbnail,
-.thumbnail {
-  padding: 0px;
-  line-height: 1.42857143;
-  background: none;
-  border: none;
-}
-.modal-content {
-  background: #1d1f21 none !important;
-}
-/*Preferences*/
-.table > thead > tr > td.danger,
-.table > tbody > tr > td.danger,
-.table > tfoot > tr > td.danger,
-.table > thead > tr > th.danger,
-.table > tbody > tr > th.danger,
-.table > tfoot > tr > th.danger,
-.table > thead > tr.danger > td,
-.table > tbody > tr.danger > td,
-.table > tfoot > tr.danger > td,
-.table > thead > tr.danger > th,
-.table > tbody > tr.danger > th,
-.table > tfoot > tr.danger > th {
-  background: rgba(240, 0, 0, 0.56) !important;
-  color: #C5C8C6 !important;
-}
-.table-hover > tbody > tr > td.danger:hover,
-.table-hover > tbody > tr > th.danger:hover,
-.table-hover > tbody > tr.danger:hover > td,
-.table-hover > tbody > tr:hover > .danger,
-.table-hover > tbody > tr.danger:hover > th {
-  background: rgba(237, 59, 59, 0.61) !important;
-  color: #C5C8C6 !important;
-}
-.table-hover > tbody > tr:hover > td,
-.table-hover > tbody > tr:hover > th {
-  background: #66696e !important;
-}
-.btn-success {
-  color: #C5C8C6;
-  background: #449d44;
-}
-.btn-danger {
-  color: #C5C8C6;
-  background: #d9534f;
-}
-.well {
-  background: #444;
-  border-color: #282a2e;
-}
-.highlight {
-  background-color: transparent !important;
-}
-/* engine tooltip */
-.engine-tooltip {
-  border: 1px solid #3d3f43;
-  background: #1d1f21;
-}

searx/static/themes/oscar/css/pointhi.css

@@ -1,3 +1,18 @@
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: white;
+  background-color: #238636 !important;
+  /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+}
+.github-issue-button:hover {
+  background-color: #2ea043;
+}
 html {
   position: relative;
   min-height: 100%;
@@ -307,8 +322,8 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
   cursor: pointer !important;
 }
 /*
-   this file is generated automatically by searx_extra/update/update_pygments.py 
-   using pygments version 2.8.0
+   this file is generated automatically by searx_extra/update/update_pygments.py
+   using pygments version 2.8.1
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;

searx/static/themes/oscar/gruntfile.js

@@ -96,8 +96,8 @@ module.exports = function(grunt) {
         files: {
           "css/bootstrap.css": "src/less/bootstrap/bootstrap.less",
           "css/pointhi.css": "src/less/pointhi/oscar.less",
-          "css/logicodev.css": "src/less/logicodev-dark/oscar.less",
-          "css/logicodev-dark.css": "src/less/logicodev/oscar.less"
+          "css/logicodev.css": "src/less/logicodev/oscar.less",
+          "css/logicodev-dark.css": "src/less/logicodev-dark/oscar.less"
         }
       },
       production: {

searx/static/themes/oscar/src/less/logicodev-dark/oscar.less

@@ -1,4 +1,5 @@
 @import "../logicodev/variables.less";
+@import "../../../../__common__/less/new_issue.less";
 
 @stacked-bar-chart: rgb(213, 216, 215, 1);
 

searx/static/themes/oscar/src/less/logicodev/oscar.less

@@ -1,23 +1,14 @@
 @import "variables.less";
+@import "../../../../__common__/less/new_issue.less";
 
 @import "navbar.less";
-
 @import "footer.less";
-
 @import "checkbox.less";
-
 @import "onoff.less";
-
 @import "results.less";
-
 @import "infobox.less";
-
 @import "search.less";
-
 @import "advanced.less";
-
 @import "cursor.less";
-
 @import "code.less";
-
 @import "preferences.less";

searx/static/themes/oscar/src/less/pointhi/oscar.less

@@ -1,25 +1,15 @@
 @import "variables.less";
+@import "../../../../__common__/less/new_issue.less";
 
 @import "footer.less";
-
 @import "checkbox.less";
-
 @import "onoff.less";
-
 @import "results.less";
-
 @import "infobox.less";
-
 @import "search.less";
-
 @import "advanced.less";
-
 @import "cursor.less";
-
 @import "code.less";
-
 @import "navbar.less";
-
 @import "code.less";
-
 @import "preferences.less";

searx/static/themes/simple/css/searx-rtl.css

@@ -1,9 +1,24 @@
-/*! searx | 23-04-2021 |  */
+/*! searx | 28-04-2021 | https://github.com/searxng/searxng */
 /*
 * searx, A privacy-respecting, hackable metasearch engine
 *
 * To convert "style.less" to "style.css" run: $make styles
 */
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: white;
+  background-color: #238636 !important;
+  /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+}
+.github-issue-button:hover {
+  background-color: #2ea043;
+}
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -318,8 +333,8 @@ template {
   border: inherit;
 }
 /*
-   this file is generated automatically by searx_extra/update/update_pygments.py 
-   using pygments version 2.8.0
+   this file is generated automatically by searx_extra/update/update_pygments.py
+   using pygments version 2.8.1
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;

searx/static/themes/simple/css/searx.css

@@ -1,9 +1,24 @@
-/*! searx | 23-04-2021 |  */
+/*! searx | 28-04-2021 | https://github.com/searxng/searxng */
 /*
 * searx, A privacy-respecting, hackable metasearch engine
 *
 * To convert "style.less" to "style.css" run: $make styles
 */
+.github-issue-button {
+  display: block;
+  padding: 8px 16px;
+  font-family: sans-serif;
+  font-size: 16px;
+  color: white;
+  background-color: #238636 !important;
+  /* important is needed cause to an !important in logicodev-dark */
+  border: #2ea043;
+  border-radius: 10px !important;
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
+}
+.github-issue-button:hover {
+  background-color: #2ea043;
+}
 /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
 /* Document
    ========================================================================== */
@@ -318,8 +333,8 @@ template {
   border: inherit;
 }
 /*
-   this file is generated automatically by searx_extra/update/update_pygments.py 
-   using pygments version 2.8.0
+   this file is generated automatically by searx_extra/update/update_pygments.py
+   using pygments version 2.8.1
 */
 .code-highlight .linenos {
   -webkit-touch-callout: none;

searx/static/themes/simple/less/stats.less

@@ -1,8 +0,0 @@
-.percentage {
-  position: relative;
-  width: 300px;
-
-  div {
-    background: @color-percentage-div-background;
-  }
-}

searx/static/themes/simple/less/style.less

@@ -6,6 +6,8 @@
 
 @stacked-bar-chart: rgb(0, 0, 0);
 
+@import "../../__common__/less/new_issue.less";
+
 @import "normalize.less";
 
 @import "definitions.less";

searx/templates/__common__/new_issue.html

@@ -10,7 +10,7 @@
 in order to fetch the latest commit ID:
 ```
 git log -1
-``` 
+```
 If you are using searx-docker then look at the bottom of the SearXNG page
 and check for the version after "Powered by SearXNG"
 
@@ -52,23 +52,6 @@ or manually by executing the searx/webapp.py file? -->
 {{-'\n  '}}* {{ test_name }}: {% for result in results%}`{{ result }}`,{% endfor -%}
 {%- endfor -%}
     </textarea>
-    <style>
-        .github-issue-button { 
-            display: block;
-            padding: 8px 16px;
-            font-family: sans-serif;
-            font-size: 16px;
-            color: white;
-            background-color: rgb(35, 134, 54);
-            border: rgb(46, 160, 67);
-            border-radius: 10px !important;
-            box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
-        }
-
-        .github-issue-button:hover {
-            background-color: rgb(46, 160, 67);
-        }
-    </style>
     <button type="submit" class="github-issue-button" title="{{ new_issue_url }}">{{ _('Submit a new issue on Github including the above information') }}</button>
 </form>
 {% endmacro %}