From 3633dc5611dae0dd211678a161dfc0aece708760 Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Sat, 12 Mar 2022 10:53:08 +0100 Subject: [PATCH] [simple] add CSS for /info pages Signed-off-by: Markus Heiser --- .../static/themes/simple/src/less/definitions.less | 4 ++++ searx/static/themes/simple/src/less/info.less | 13 +++++++++++++ searx/static/themes/simple/src/less/style.less | 1 + 3 files changed, 18 insertions(+) create mode 100644 searx/static/themes/simple/src/less/info.less diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less index 651a8d854..6e7dd4eb2 100644 --- a/searx/static/themes/simple/src/less/definitions.less +++ b/searx/static/themes/simple/src/less/definitions.less @@ -109,6 +109,8 @@ --color-toolkit-engine-tooltip-background: #fff; --color-toolkit-loader-border: rgba(0, 0, 0, 0.2); --color-toolkit-loader-borderleft: rgba(255, 255, 255, 0); + --color-doc-code: #300; + --color-doc-code-background: #fdd; } .dark-themes() { @@ -215,6 +217,8 @@ --color-toolkit-engine-tooltip-background: #222; --color-toolkit-loader-border: rgba(255, 255, 255, 0.2); --color-toolkit-loader-borderleft: rgba(0, 0, 0, 0); + --color-doc-code: #fdd; + --color-doc-code-background: #300; } /// Dark Theme (autoswitch based on device pref) diff --git a/searx/static/themes/simple/src/less/info.less b/searx/static/themes/simple/src/less/info.less new file mode 100644 index 000000000..683ae98b4 --- /dev/null +++ b/searx/static/themes/simple/src/less/info.less @@ -0,0 +1,13 @@ +.info-page { + font-family: sans-serif; + font-size: 1.3em; + + code { + font-family: monospace; + font-size: 1.3em; + color: var(--color-doc-code); + background-color: var(--color-doc-code-background); + padding: 2px 5px; + .rounded-corners(5px); + } +} diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 7640b253c..50e377995 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -18,6 +18,7 @@ @import "detail.less"; @import "animations.less"; @import "embedded.less"; +@import "info.less"; // for index.html template @import "index.less";