summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2021-10-30 10:01:58 +0200
committerAlexandre Flament <alex@al-f.net>2021-10-30 18:03:37 +0200
commit67b0b68b407b6080dd3b9e424eb2cfefbda87e13 (patch)
treee3da5dbaec1966a44e5579beb4bfb5b3e42db11d /searx/static/themes/simple/src
parent9f0b47f525aa2c7b00d8839201843eb05e3594a1 (diff)
[fix] simple theme: /preferences: dark theme version for the response time bar charts
Diffstat (limited to 'searx/static/themes/simple/src')
-rw-r--r--searx/static/themes/simple/src/less/definitions.less2
-rw-r--r--searx/static/themes/simple/src/less/toolkit.less10
2 files changed, 7 insertions, 5 deletions
diff --git a/searx/static/themes/simple/src/less/definitions.less b/searx/static/themes/simple/src/less/definitions.less
index 9df9019f2..244bd817d 100644
--- a/searx/static/themes/simple/src/less/definitions.less
+++ b/searx/static/themes/simple/src/less/definitions.less
@@ -8,6 +8,7 @@
html {
/// Base Colors
--color-base-font: #444;
+ --color-base-font-rgb: 68, 68, 68;
--color-base-background: #fff;
--color-url-font: #29314d;
--color-url-visited-font: #80b;
@@ -108,6 +109,7 @@ html {
html {
/// Base Colors
--color-base-font: #bbb;
+ --color-base-font-rgb: 187, 187, 187;
--color-base-background: #222;
--color-url-font: #8af;
--color-url-visited-font: #96b;
diff --git a/searx/static/themes/simple/src/less/toolkit.less b/searx/static/themes/simple/src/less/toolkit.less
index 524cc93d1..74cc55f0c 100644
--- a/searx/static/themes/simple/src/less/toolkit.less
+++ b/searx/static/themes/simple/src/less/toolkit.less
@@ -541,8 +541,8 @@ td:hover .engine-tooltip,
.stacked-bar-chart-median {
.stacked-bar-chart-base();
- background: @stacked-bar-chart;
- border: 1px solid fade(@stacked-bar-chart, 90%);
+ background: var(--color-base-font);
+ border: 1px solid rgba(var(--color-base-font-rgb), 0.9);
padding: 0.3rem 0;
}
@@ -550,7 +550,7 @@ td:hover .engine-tooltip,
.stacked-bar-chart-base();
background: transparent;
- border: 1px solid fade(@stacked-bar-chart, 30%);
+ border: 1px solid rgba(var(--color-base-font-rgb), 0.3);
padding: 0.3rem 0;
}
@@ -558,7 +558,7 @@ td:hover .engine-tooltip,
.stacked-bar-chart-base();
background: transparent;
- border-bottom: 1px dotted fade(@stacked-bar-chart, 50%);
+ border-bottom: 1px dotted rgba(var(--color-base-font-rgb), 0.5);
padding: 0;
}
@@ -566,7 +566,7 @@ td:hover .engine-tooltip,
.stacked-bar-chart-base();
background: transparent;
- border-left: 1px solid fade(@stacked-bar-chart, 90%);
+ border-left: 1px solid rgba(var(--color-base-font-rgb), 0.9);
padding: 0.4rem 0;
width: 1px;
}