From 04647291c37ddd65d31666a642c85c5cf354ae33 Mon Sep 17 00:00:00 2001
From: Roberto Beltran <robertobeltran@protonmail.com>
Date: Wed, 7 Oct 2020 01:24:04 -0400
Subject: [PATCH] adjust about page styles

---
 searx/static/themes/courgette/css/style.css   | 76 ++++++++++---------
 searx/static/themes/courgette/less/style.less |  2 +
 2 files changed, 41 insertions(+), 37 deletions(-)

diff --git a/searx/static/themes/courgette/css/style.css b/searx/static/themes/courgette/css/style.css
index cc46079d..afdf7c57 100644
--- a/searx/static/themes/courgette/css/style.css
+++ b/searx/static/themes/courgette/css/style.css
@@ -131,7 +131,7 @@ a {
   padding: 0.5em 1em;
 }
 .autocompleter-choices li:hover {
-  background: #f890e7;
+  background: #F890E7;
   color: #FFF;
   cursor: pointer;
 }
@@ -155,7 +155,7 @@ fieldset #categories {
   margin-left: 0.5em;
   text-decoration: none;
   color: #282828;
-  padding: .5em 1em;
+  padding: 0.5em 1em;
   border-radius: 4px;
   font-weight: 500;
   font-family: "IBM Plex", monospace;
@@ -262,7 +262,7 @@ fieldset #categories {
   width: 100%;
   font-size: 1.5em;
   border: 0;
-  border-bottom: 1px solid #f890e7;
+  border-bottom: 1px solid #F890E7;
   color: #282828;
   transition: all 1.2s ease;
   background-color: white;
@@ -272,7 +272,7 @@ fieldset #categories {
   top: 0;
   right: 0;
   border: 0;
-  background: url("../img/search-icon.png") no-repeat scroll center center / 57% auto #f890e7;
+  background: url("../img/search-icon.png") no-repeat scroll center center / 57% auto #F890E7;
   text-indent: -9999px;
   width: 5em;
   height: 100%;
@@ -281,10 +281,10 @@ fieldset #categories {
 }
 #search_submit:hover,
 #search_submit:focus {
-  background-color: #0bd3d3;
+  background-color: #0BD3D3;
 }
 #search_submit:hover + .q {
-  border-bottom-color: #0bd3d3;
+  border-bottom-color: #0BD3D3;
 }
 #sidebar {
   display: flex;
@@ -392,7 +392,7 @@ fieldset #categories {
   max-width: 111ch;
 }
 #answers {
-  border: 2px solid #f890e7;
+  border: 2px solid #F890E7;
   padding: 20px;
   color: #666;
   text-align: center;
@@ -419,7 +419,7 @@ fieldset #categories {
 }
 #suggestions input[type="submit"]:hover,
 #suggestions input[type="submit"]:focus {
-  background: #f890e7;
+  background: #F890E7;
   color: #FFF;
 }
 #pagination {
@@ -447,7 +447,7 @@ input[type="submit"]:focus {
   margin: auto;
 }
 .row a {
-  color: #f890e7;
+  color: #F890E7;
 }
 .row form {
   letter-spacing: -5px;
@@ -524,7 +524,7 @@ input[type="submit"]:focus {
   }
 }
 fieldset {
-  border: 2px solid #f890e7;
+  border: 2px solid #F890E7;
   border-radius: 5px;
   margin: 1em 0;
   background: white;
@@ -542,16 +542,16 @@ table td {
 }
 .engine_checkbox label {
   padding: 0.5em;
-  background: #f890e7;
+  background: #F890E7;
   color: #FFF;
   cursor: pointer;
 }
 .engine_checkbox .deny {
-  background: #0bd3d3;
+  background: #0BD3D3;
 }
 .engine_checkbox .allow {
   display: none;
-  background: #f890e7;
+  background: #F890E7;
 }
 .engine_checkbox input {
   display: none;
@@ -586,7 +586,7 @@ legend {
   background: white;
   padding: 0 1em;
   position: relative;
-  border: 2px solid #f890e7;
+  border: 2px solid #F890E7;
   border-radius: 5px;
   font-family: "IBM Plex", monospace;
   font-size: 0.9em;
@@ -609,7 +609,7 @@ select {
 }
 /* Comment */
 .highlight .err {
-  border: 1px solid #ff0000;
+  border: 1px solid #FF0000;
 }
 /* Error */
 .highlight .k {
@@ -627,7 +627,7 @@ select {
 }
 /* Comment.Multiline */
 .highlight .cp {
-  color: #bc7a00;
+  color: #BC7A00;
 }
 /* Comment.Preproc */
 .highlight .c1 {
@@ -641,7 +641,7 @@ select {
 }
 /* Comment.Special */
 .highlight .gd {
-  color: #a00000;
+  color: #A00000;
 }
 /* Generic.Deleted */
 .highlight .ge {
@@ -649,7 +649,7 @@ select {
 }
 /* Generic.Emph */
 .highlight .gr {
-  color: #ff0000;
+  color: #FF0000;
 }
 /* Generic.Error */
 .highlight .gh {
@@ -658,7 +658,7 @@ select {
 }
 /* Generic.Heading */
 .highlight .gi {
-  color: #00a000;
+  color: #00A000;
 }
 /* Generic.Inserted */
 .highlight .go {
@@ -680,7 +680,7 @@ select {
 }
 /* Generic.Subheading */
 .highlight .gt {
-  color: #0044dd;
+  color: #0044DD;
 }
 /* Generic.Traceback */
 .highlight .kc {
@@ -708,7 +708,7 @@ select {
 }
 /* Keyword.Reserved */
 .highlight .kt {
-  color: #b00040;
+  color: #B00040;
 }
 /* Keyword.Type */
 .highlight .m {
@@ -716,11 +716,11 @@ select {
 }
 /* Literal.Number */
 .highlight .s {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String */
 .highlight .na {
-  color: #7d9029;
+  color: #7D9029;
 }
 /* Name.Attribute */
 .highlight .nb {
@@ -737,7 +737,7 @@ select {
 }
 /* Name.Constant */
 .highlight .nd {
-  color: #aa22ff;
+  color: #AA22FF;
 }
 /* Name.Decorator */
 .highlight .ni {
@@ -751,11 +751,11 @@ select {
 }
 /* Name.Exception */
 .highlight .nf {
-  color: #0000ff;
+  color: #0000FF;
 }
 /* Name.Function */
 .highlight .nl {
-  color: #a0a000;
+  color: #A0A000;
 }
 /* Name.Label */
 .highlight .nn {
@@ -769,7 +769,7 @@ select {
 }
 /* Name.Tag */
 .highlight .nv {
-  color: #19177c;
+  color: #19177C;
 }
 /* Name.Variable */
 .highlight .ow {
@@ -798,11 +798,11 @@ select {
 }
 /* Literal.Number.Oct */
 .highlight .sb {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String.Backtick */
 .highlight .sc {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String.Char */
 .highlight .sd {
@@ -811,7 +811,7 @@ select {
 }
 /* Literal.String.Doc */
 .highlight .s2 {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String.Double */
 .highlight .se {
@@ -820,7 +820,7 @@ select {
 }
 /* Literal.String.Escape */
 .highlight .sh {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String.Heredoc */
 .highlight .si {
@@ -833,15 +833,15 @@ select {
 }
 /* Literal.String.Other */
 .highlight .sr {
-  color: #bb6688;
+  color: #BB6688;
 }
 /* Literal.String.Regex */
 .highlight .s1 {
-  color: #ba2121;
+  color: #BA2121;
 }
 /* Literal.String.Single */
 .highlight .ss {
-  color: #19177c;
+  color: #19177C;
 }
 /* Literal.String.Symbol */
 .highlight .bp {
@@ -849,15 +849,15 @@ select {
 }
 /* Name.Builtin.Pseudo */
 .highlight .vc {
-  color: #19177c;
+  color: #19177C;
 }
 /* Name.Variable.Class */
 .highlight .vg {
-  color: #19177c;
+  color: #19177C;
 }
 /* Name.Variable.Global */
 .highlight .vi {
-  color: #19177c;
+  color: #19177C;
 }
 /* Name.Variable.Instance */
 .highlight .il {
@@ -887,6 +887,8 @@ select {
 .about-container {
   max-width: 90ch;
   margin: auto;
+  padding: 1em;
+  font-size: 1.2em;
 }
 .about-container a {
   background-color: rgba(248, 144, 231, 0.3);
diff --git a/searx/static/themes/courgette/less/style.less b/searx/static/themes/courgette/less/style.less
index 74491d70..3af1fee3 100644
--- a/searx/static/themes/courgette/less/style.less
+++ b/searx/static/themes/courgette/less/style.less
@@ -774,6 +774,8 @@ select {
 .about-container {
 	max-width: 90ch;
 	margin: auto;
+	padding: 1em;
+	font-size: 1.2em;
 }
 .about-container a {
 	background-color: @link-background;