From 43121545522318a53c5fc95e469a2d2ad3f636af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?P=C4=93teris=20Caune?= <cuu508@gmail.com>
Date: Fri, 9 Sep 2022 15:05:09 +0300
Subject: [PATCH] Fix contrast for slider labels and pips
---
static/css/log.css | 5 -----
static/css/my_checks.css | 3 +--
static/css/nouislider.dark.css | 10 +---------
static/css/nouislider.hc.css | 9 +++++++++
templates/base.html | 1 +
5 files changed, 12 insertions(+), 16 deletions(-)
create mode 100644 static/css/nouislider.hc.css
diff --git a/static/css/log.css b/static/css/log.css
index 22eb166f..6a878632 100644
--- a/static/css/log.css
+++ b/static/css/log.css
@@ -80,11 +80,6 @@
margin-bottom: 60px;
}
-#log-slider .noUi-value {
- font-size: 12px;
- padding-top: 5px;
-}
-
#log-slider .noUi-connect {
background-color: var(--link-color);
}
diff --git a/static/css/my_checks.css b/static/css/my_checks.css
index a100e8c0..0741f850 100644
--- a/static/css/my_checks.css
+++ b/static/css/my_checks.css
@@ -145,8 +145,7 @@
}
#period-slider .noUi-value, #grace-slider .noUi-value {
- font-size: 12px;
- padding-top: 5px;
+ color: var(--text-muted);
}
.update-timeout-terms {
diff --git a/static/css/nouislider.dark.css b/static/css/nouislider.dark.css
index ad54ea40..3be4ed14 100644
--- a/static/css/nouislider.dark.css
+++ b/static/css/nouislider.dark.css
@@ -16,12 +16,4 @@ body.dark .noUi-handle {
body.dark .noUi-marker {
background: #777;
-}
-
-body.dark .noUi-pips {
- color: hsl(240, 3%, 55%);
-}
-
-body.dark .noUi-value-sub {
- color: hsl(240, 3%, 45%);
-}
+}
\ No newline at end of file
diff --git a/static/css/nouislider.hc.css b/static/css/nouislider.hc.css
new file mode 100644
index 00000000..1a678232
--- /dev/null
+++ b/static/css/nouislider.hc.css
@@ -0,0 +1,9 @@
+.noUi-target .noUi-value {
+ color: var(--text-color);
+ font-size: 12px;
+ padding-top: 5px;
+}
+
+.noUi-target .noUi-value-sub {
+ color: var(--text-muted);
+}
diff --git a/templates/base.html b/templates/base.html
index 339f7504..7668cbe7 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -46,6 +46,7 @@
<link rel="stylesheet" href="{% static 'css/my_checks.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/my_checks_desktop.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/nouislider.min.css' %}" type="text/css">
+ <link rel="stylesheet" href="{% static 'css/nouislider.hc.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/nouislider.dark.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/ping_details.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/pricing.css' %}" type="text/css">