From 465fef146268bd957b8de729196aef1621e167c1 Mon Sep 17 00:00:00 2001
From: gurkenhabicht <info@intheopen.org>
Date: Sun, 6 Nov 2022 22:15:21 +0100
Subject: [PATCH] added monokai

---
 settings.toml         |  4 +++-
 static/stylesheet.css | 32 ++++++++++++++++++++------------
 style.toml            | 32 +++++++++++++++++++++++++++++++-
 3 files changed, 54 insertions(+), 14 deletions(-)

diff --git a/settings.toml b/settings.toml
index 0db5bcd..f2040c9 100644
--- a/settings.toml
+++ b/settings.toml
@@ -4,5 +4,7 @@ title = "The Real Hugo"
 
 [content]
 path = "templates/content/"
-style = "nord" # Supported styles are one-dark, solarized-dark, solarized-light, github-dark, xcode, nord | taken from https://pygments.org/styles/
+style = "one-dark" # Supported styles are 
+                  # monokai, one-dark, solarized-dark, solarized-light, github-dark, xcode, nord 
+                  # taken from https://pygments.org/styles/
 
diff --git a/static/stylesheet.css b/static/stylesheet.css
index 857462d..0d70a28 100644
--- a/static/stylesheet.css
+++ b/static/stylesheet.css
@@ -44,12 +44,14 @@ details summary::marker { height: auto; content: "\1F4C1\20";}
 }
 
 @media (min-width: 1024px/*768px*/) {
-  .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 12px; padding-top: 8px; opacity: 0.9; }
+  .header-wrapper { width: 100%; position: fixed; top: 0; padding-bottom: 12px; padding-top: 10px; opacity: 0.9; }
   .HolyGrail-body {
     flex-direction: row;
     flex: 1;
     text-align: left;
-    padding-top: 3.6%;
+    margin-top: 3.4%;
+    /*padding-left: 8px;
+    padding-right:8px;*/
   }
 
   .HolyGrail-content {
@@ -67,23 +69,29 @@ details summary::marker { height: auto; content: "\1F4C1\20";}
     flex: 0 0 12em;
     /* experimental line height */
     line-height: 27px;
+    border-radius: 5px;
   }
+
   .HolyGrail-ads {
     overflow: hidden;
-    padding-right: 8px;
+    padding-right: 1ch;
     padding-top: 1.3ch;
-    min-width: 16em;
-    max-width: 18em;
-    border-top-left-radius: 10px;
-    border-bottom-left-radius: 10px;
+    /*min-width: 16em;
+    max-width: 18em;*/
+    min-width: 15%;
+    max-width: 20%;
+    /*border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;*/
     /*font-size: 13px;
     line-height: 23px;*/
     }
   .HolyGrail-nav {
-    min-width: 16em;
-    max-width: 18em;
-    border-top-right-radius: 10px;
-    border-bottom-right-radius: 10px;
+    /*min-width: 16em;
+    max-width: 18em;*/
+    min-width: 15%;
+    max-width: 20%;
+    /*border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;*/
     }
 
   .HolyGrail-nav ul {
@@ -160,7 +168,7 @@ details summary::marker { height: auto; content: "\1F4C1\20";}
 .search-container input {
     width: 100%;
     height: 42px;
-    font-weight: 30px;
+    font-weight: 700;
     cursor: pointer;
     padding-left: 1ch;
     padding-right: 1ch;
diff --git a/style.toml b/style.toml
index b19bcd0..c344c00 100644
--- a/style.toml
+++ b/style.toml
@@ -155,6 +155,37 @@ autocomplete_suggestion_selected = "#93a1a1"
 autocomplete_suggestion_hover_background = "#073642"
 autocomplete_suggestion_hover = "#93a1a1"
 
+[monokai]
+body_background ="#3e3d32"
+body = "#f8f8f2"
+pre_background = "#272822"
+pre = "#cfcfc2"
+pre_border = "none"
+code_background = "#272822"
+code = "#cfcfc2"
+a = "#fd5ff0"
+details_background = "#272822"
+details_hover_background = "#e6db74"
+details_hover = "#3e3d32"
+selection_background = "#fd5ff0"
+moz_selection_background = "#fd5ff0"
+header_background = "#3e3d32"
+nav_background = "#272822"
+content_border_top = "#cfcfc2"
+content_border_bottom = "#cfcfc2"
+search_input_background = "#272822"
+search_input = "#75715e"
+search_input_border = "#75715e"
+search_focus_border = "#ae81ff"
+autocomplete_suggestions_background = "#272822"
+autocomplete_suggestions_border = "#ae81ff"
+autocomplete_suggestion = "#cfcfc2"
+autocomplete_suggestion_b = "#a6e22e"
+autocomplete_suggestion_selected_background = "#ae81ff"
+autocomplete_suggestion_selected = "#cfcfc2"
+autocomplete_suggestion_hover_background = "#ae81ff"
+autocomplete_suggestion_hover = "#cfcfc2"
+
 [xcode]
 body_background ="#fff"
 body = "#262626"
@@ -186,4 +217,3 @@ autocomplete_suggestion_selected = "#e5e5e5"
 autocomplete_suggestion_hover_background = "#2ed9ff"
 autocomplete_suggestion_hover = "#e5e5e5"
 
-