From 6fc2c39eda766cffc7ef5c9e1d3d3cbce8ab7590 Mon Sep 17 00:00:00 2001
From: Edoardo Odorico
Date: Thu, 28 Dec 2017 19:21:52 +0100
Subject: :sparkles: Implemented dark theme.

Signed-off-by: Edoardo Odorico <edoubuntu@gmail.com>
---
 public/css/extra.css | 31 +++++++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 4 deletions(-)

(limited to 'public/css/extra.css')

diff --git a/public/css/extra.css b/public/css/extra.css
index 169a1a5a..1b132901 100644
--- a/public/css/extra.css
+++ b/public/css/extra.css
@@ -179,6 +179,11 @@
     border-left: 1px solid black;
 }
 
+.night .ui-toc-dropdown .nav>li>a:focus, .night .ui-toc-dropdown .nav>li>a:hover{
+    color: white;
+    border-left-color: white;
+}
+
 .ui-toc-dropdown[dir='rtl'] .nav>li>a:focus,.ui-toc-dropdown[dir='rtl'] .nav>li>a:hover {
     padding-right: 19px;
     border-left: none;
@@ -192,6 +197,10 @@
     background-color: transparent;
     border-left: 2px solid black;
 }
+.night .ui-toc-dropdown .nav>.active:focus>a,.night .ui-toc-dropdown .nav>.active:hover>a,.night .ui-toc-dropdown .nav>.active>a {
+    color: white;
+    border-left: 2px solid white;
+}
 
 .ui-toc-dropdown[dir='rtl'] .nav>.active:focus>a,.ui-toc-dropdown[dir='rtl'] .nav>.active:hover>a,.ui-toc-dropdown[dir='rtl'] .nav>.active>a {
     padding-right: 18px;
@@ -216,6 +225,10 @@
     font-weight: 400;
 }
 
+.night .ui-toc-dropdown .nav > li > a{
+    color: #aaa;
+}
+
 .ui-toc-dropdown[dir='rtl'] .nav .nav>li>a {
     padding-right: 30px;
 }
@@ -350,13 +363,23 @@ small .dropdown a:focus, small .dropdown a:hover {
 }
 
 .unselectable {
-    -moz-user-select: none; 
-    -khtml-user-select: none; 
-    -webkit-user-select: none; 
+    -moz-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
     -o-user-select: none;
     user-select: none;
 }
 
+.night .navbar{
+    background: #333;
+    border-bottom-color: #333;
+    color: #eee;
+}
+
+.night .navbar a{
+    color: #eee;
+}
+
 @media print {
     div, table, img, pre, blockquote {
         page-break-inside: avoid !important;
@@ -364,4 +387,4 @@ small .dropdown a:focus, small .dropdown a:hover {
     a[href]:after {
         font-size: 12px !important;
     }
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3