From e0c9402f1ba79154a51d8ba092ce52eea809ff79 Mon Sep 17 00:00:00 2001 From: Robert Goldmann <deadlocker@gmx.de> Date: Wed, 27 Feb 2019 19:39:48 +0100 Subject: [PATCH] #293 - improved dark theme --- src/main/resources/static/css/dark/filter.css | 18 +++++++++++------- src/main/resources/static/css/dark/reports.css | 10 +++++----- src/main/resources/static/css/dark/style.css | 6 ++++-- src/main/resources/static/css/style.css | 6 ++++-- 4 files changed, 24 insertions(+), 16 deletions(-) diff --git a/src/main/resources/static/css/dark/filter.css b/src/main/resources/static/css/dark/filter.css index 0aa09fb5a..00ec8992a 100644 --- a/src/main/resources/static/css/dark/filter.css +++ b/src/main/resources/static/css/dark/filter.css @@ -5,19 +5,23 @@ } .collapsible { - border-top: 1px solid #666666; - border-right: 1px solid #666666; - border-left: 1px solid #666666; + border-top: 1px solid #444444; + border-right: 1px solid #444444; + border-left: 1px solid #444444; } .collapsible-header { - background-color: #999999; - color: #212121; - border-bottom: 1px solid #666666; + background-color: #666666; + color: #ffffff; + border-bottom: 1px solid #444444; position: relative; } .collapsible-body { - background-color: #565656; + background-color: #444444; border-bottom: 1px solid #666666; } + +input[type="checkbox"]:not(:checked) + span:not(.lever)::before { + border: 2px solid rgba(255, 255, 255, 0.7); +} diff --git a/src/main/resources/static/css/dark/reports.css b/src/main/resources/static/css/dark/reports.css index 0866da7d0..1e87e9628 100644 --- a/src/main/resources/static/css/dark/reports.css +++ b/src/main/resources/static/css/dark/reports.css @@ -42,14 +42,14 @@ .report-checkbox-container input[type="checkbox"] + span:not(.lever)::before, .report-checkbox-container input[type="checkbox"]:not(.filled-in) + span:not(.lever)::after { - border-color: rgba(255, 255, 255, 0.7); + border: 2px solid rgba(255, 255, 255, 0.7); } .report-checkbox-container input[type="checkbox"]:checked + span:not(.lever)::before { - border-top: 2px solid transparent; - border-left: 2px solid transparent; - border-right: 2px solid #2E79B9; - border-bottom: 2px solid #2E79B9; + border-top: 3px solid transparent; + border-left: 3px solid transparent; + border-right: 3px solid #45A0EF; + border-bottom: 3px solid #45A0EF; } .table-advice { diff --git a/src/main/resources/static/css/dark/style.css b/src/main/resources/static/css/dark/style.css index 202350695..45229d619 100644 --- a/src/main/resources/static/css/dark/style.css +++ b/src/main/resources/static/css/dark/style.css @@ -436,8 +436,10 @@ ul.dropdown-content.select-dropdown li.selected { /* normal checkbox*/ input[type="checkbox"]:checked + span:not(.lever)::before { - border-right: 2px solid #2E79B9; - border-bottom: 2px solid #2E79B9; + border-top: 3px solid transparent; + border-left: 3px solid transparent; + border-right: 3px solid #45A0EF; + border-bottom: 3px solid #45A0EF; } /* chips autocomplete dropdown */ diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css index 2ea98b4f1..4758d361f 100644 --- a/src/main/resources/static/css/style.css +++ b/src/main/resources/static/css/style.css @@ -367,8 +367,10 @@ ul.dropdown-content.select-dropdown li.selected { /* normal checkbox*/ input[type="checkbox"]:checked + span:not(.lever)::before { - border-right: 2px solid #2E79B9; - border-bottom: 2px solid #2E79B9; + border-top: 3px solid transparent; + border-left: 3px solid transparent; + border-right: 3px solid #2E79B9; + border-bottom: 3px solid #2E79B9; } /* chips autocomplete dropdown */ -- GitLab