From ae25357db7f00b9493dded2fe71b244f13d58810 Mon Sep 17 00:00:00 2001 From: Pim Snel Date: Tue, 12 Dec 2023 23:35:33 +0100 Subject: [PATCH] add dark mode --- css/style.css | 72 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 10 ++++--- 2 files changed, 78 insertions(+), 4 deletions(-) diff --git a/css/style.css b/css/style.css index 4861cc9..92da274 100644 --- a/css/style.css +++ b/css/style.css @@ -19,8 +19,16 @@ table tr.optrow { #lastUpdateElement{ font-size: 10px; + color: #000; } +#advanced { + background-color: #efefef; + padding:2px; +} + + + @media only screen and (max-width: 1026px) { body { @@ -36,3 +44,67 @@ table tr.optrow { display: none; } } + +@media (prefers-color-scheme: dark) { + body { + color: #fff; + background-color: #1e1e24; + } + + select { + color: #000; + } + + .table-striped > tbody > tr:nth-of-type(2n+1) { + background-color: #18181a; + } + + table#indexedOptionsTable tr td{ + border-top: 1px solid #38383d !important; + } + + table tr.optrow:hover { + background-color: #767676 !important; + } + + .table > thead > tr > th { + border-bottom: 2px solid #38383d !important; + } + + .form-control { + color: #dedede; + background-color: #060606; + border: 1px solid #38383d; + } + #lastUpdateElement{ + font-size: 10px; + color: #fff; + } + #advanced { + background-color: #232327; + padding:2px; + } + + footer { + color: #666; + background-color: #28365e; + font-size: smaller; + border-top: 1px solid #a3d3f6; + border-top-color: rgb(163, 211, 246); + } + .modal-content { + background-color: #28365e; + } + + footer { + color:#ccc9c9; + } + a, a:visited { + color: #7196d9; + } + + pre { + color: #f5f5f5; + background-color: #333; + } +} diff --git a/index.html b/index.html index 1622a7d..d0fb8df 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ Home Manager - Option Search + @@ -18,7 +19,7 @@
-
+
@@ -62,7 +63,7 @@ -
-
+
  • Search in
  • Title
    • @@ -150,7 +151,8 @@ - + +