From cc7400c55f71763201dafa9ed5fd2275a138446a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jure=20=C5=A0orn?= <sornjure@gmail.com>
Date: Fri, 24 Dec 2021 15:30:50 +0100
Subject: [PATCH] Changed default dark theme

---
 index.html                |  19 +-
 parse.js                  |   7 +-
 web/default_dark3.min.css |   1 +
 web/style_dark3.css       | 461 ++++++++++++++++++++++++++++++++++++++
 web/template.html         |   8 +-
 5 files changed, 484 insertions(+), 12 deletions(-)
 create mode 100644 web/default_dark3.min.css
 create mode 100644 web/style_dark3.css
diff --git a/index.html b/index.html
index 85c6492..f105eb1 100644
--- a/index.html
+++ b/index.html
@@ -14,10 +14,14 @@
 
   <script>
     // Checks if URL ends with "index.html?dark=true"
-    if (window.location.search.search(/[?&]theme=dark2/) !== -1) {
+    if (window.location.search.search(/[?&]theme=dark3/) !== -1) {
+      document.write("<link rel=\"stylesheet\" href=\"web/default_dark3.min.css\">");
+      document.write("<link rel=\"stylesheet\" href=\"web/style_dark3.css\">");
+    }
+    else if (window.location.search.search(/[?&]theme=dark2/) !== -1) {
       document.write("<link rel=\"stylesheet\" href=\"web/default_dark2.min.css\">");
       document.write("<link rel=\"stylesheet\" href=\"web/style_dark2.css\">");
-    }   
+    }
     else if (window.location.search.search(/[?&]theme=dark1/) !== -1) {
       document.write("<link rel=\"stylesheet\" href=\"web/default_dark1.min.css\">");
       document.write("<link rel=\"stylesheet\" href=\"web/style_dark1.css\">");
@@ -50,13 +54,13 @@
 
 <body>
   <header>
-    <aside>December 22, 2021</aside>
+    <aside>December 24, 2021</aside>
     <a href="https://gto76.github.io" rel="author">Jure Šorn</a>
   </header>
 
-   <div><h1 id="comprehensivepythoncheatsheet">Comprehensive Python Cheatsheet</h1><p class="banner"><sup><a href="https://raw.githubusercontent.com/gto76/python-cheatsheet/main/README.md">Download text file</a>, <a href="https://transactions.sendowl.com/products/78175486/4422834F/view">Buy PDF</a>, <a href="https://github.com/gto76/python-cheatsheet">Fork me on GitHub</a>, <a href="https://github.com/gto76/python-cheatsheet/wiki/Frequently-Asked-Questions">Check out FAQ</a> or <a href="index.html?theme=dark2">Switch to dark theme</a>.
+   <div><h1 id="comprehensivepythoncheatsheet">Comprehensive Python Cheatsheet</h1><p class="banner"><sup><a href="https://raw.githubusercontent.com/gto76/python-cheatsheet/main/README.md">Download text file</a>, <a href="https://transactions.sendowl.com/products/78175486/4422834F/view">Buy PDF</a>, <a href="https://github.com/gto76/python-cheatsheet">Fork me on GitHub</a>, <a href="https://github.com/gto76/python-cheatsheet/wiki/Frequently-Asked-Questions">Check out FAQ</a> or <a href="index.html?theme=dark3">Switch to dark theme</a>.
 </sup></p><p class="banner"><img src="web/image_888.jpeg" alt="Monty Python"></p><script>
-  // Changes the image and link to theme if URL ends with "index.html?dark=true". 
+  // Changes the image and link to theme if URL ends with "index.html?theme=dark". 
   if (window.location.search.search(/[?&]theme=dark/) !== -1) {
 
     var link_to_theme = document.createElement("a")
@@ -67,7 +71,8 @@
     var img_dark = document.createElement("img");
     img_dark.src = "web/image_orig_blue6.png";
     img_dark.alt = "Monthy Python";
-    if (window.location.search.search(/[?&]theme=dark2/) !== -1) {
+    if ((window.location.search.search(/[?&]theme=dark2/) !== -1) ||
+        (window.location.search.search(/[?&]theme=dark3/) !== -1)) {
       img_dark.style = "width: 910px;";
     } else {
       img_dark.style = "width: 960px;";
@@ -2870,7 +2875,7 @@ $ pyinstaller script.py --add-data '&lt;path&gt;:.'  <span class="hljs-comment">
  
 
   <footer>
-    <aside>December 22, 2021</aside>
+    <aside>December 24, 2021</aside>
     <a href="https://gto76.github.io" rel="author">Jure Šorn</a>
   </footer>
 
diff --git a/parse.js b/parse.js
index d2ff1b2..2a8e96f 100755
--- a/parse.js
+++ b/parse.js
@@ -409,11 +409,11 @@ const DIAGRAM_18_B =
   "┗━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━┷━━━━━━━━━━━━━━━┛\n";
 
 
-const MENU = '<a href="https://raw.githubusercontent.com/gto76/python-cheatsheet/main/README.md">Download text file</a>, <a href="https://transactions.sendowl.com/products/78175486/4422834F/view">Buy PDF</a>, <a href="https://github.com/gto76/python-cheatsheet">Fork me on GitHub</a>, <a href="https://github.com/gto76/python-cheatsheet/wiki/Frequently-Asked-Questions">Check out FAQ</a> or <a href="index.html?theme=dark2">Switch to dark theme</a>.\n';
+const MENU = '<a href="https://raw.githubusercontent.com/gto76/python-cheatsheet/main/README.md">Download text file</a>, <a href="https://transactions.sendowl.com/products/78175486/4422834F/view">Buy PDF</a>, <a href="https://github.com/gto76/python-cheatsheet">Fork me on GitHub</a>, <a href="https://github.com/gto76/python-cheatsheet/wiki/Frequently-Asked-Questions">Check out FAQ</a> or <a href="index.html?theme=dark3">Switch to dark theme</a>.\n';
 
 const DARK_THEME_SCRIPT =
   '<script>\n' +
-  '  // Changes the image and link to theme if URL ends with "index.html?dark=true". \n' +
+  '  // Changes the image and link to theme if URL ends with "index.html?theme=dark". \n' +
   '  if (window.location.search.search(/[?&]theme=dark/) !== -1) {\n' +
   '\n' +
   '    var link_to_theme = document.createElement("a")\n' +
@@ -424,7 +424,8 @@ const DARK_THEME_SCRIPT =
   '    var img_dark = document.createElement("img");\n' +
   '    img_dark.src = "web/image_orig_blue6.png";\n' +
   '    img_dark.alt = "Monthy Python";\n' +
-  '    if (window.location.search.search(/[?&]theme=dark2/) !== -1) {\n' +
+  '    if ((window.location.search.search(/[?&]theme=dark2/) !== -1) ||\n' +
+  '        (window.location.search.search(/[?&]theme=dark3/) !== -1)) {\n' +
   '      img_dark.style = "width: 910px;";\n' +
   '    } else {\n' +
   '      img_dark.style = "width: 960px;";\n' +
diff --git a/web/default_dark3.min.css b/web/default_dark3.min.css
new file mode 100644
index 0000000..f237c81
--- /dev/null
+++ b/web/default_dark3.min.css
@@ -0,0 +1 @@
+.hljs{overflow-x:auto}.hljs,.hljs-subst{}.hljs-comment{color:#797979}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:bold;color:hsl(187deg 85% 35%)}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:hsl(340deg 82% 51%)}.hljs-title,.hljs-section{color:hsl(340deg 82% 45%);font-weight:bold}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#BC6060}.hljs-literal{color:#78A960}.hljs-meta{color:hsl(189deg 83% 28%)}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
\ No newline at end of file
diff --git a/web/style_dark3.css b/web/style_dark3.css
new file mode 100644
index 0000000..e5f91e1
--- /dev/null
+++ b/web/style_dark3.css
@@ -0,0 +1,461 @@
+/* Copyright 2013 Michael Bostock. All rights reserved. Do not copy. */
+
+@import url(https://fonts.googleapis.com/css?family=PT+Serif|PT+Serif:b|PT+Serif:i|PT+Sans|PT+Sans:b);
+
+.ocks-org body {
+  background: hsl(206deg 47% 9%);
+  color: hsl(249deg 11% 76%);
+  font-family: "PT Serif", serif;
+  margin: 1em auto 4em auto;
+  position: relative;
+  width: 960px;
+  padding: 1rem;
+}
+
+.ocks-org header,
+.ocks-org footer,
+.ocks-org aside,
+.ocks-org h1,
+.ocks-org h2,
+.ocks-org h3,
+.ocks-org h4 {
+  font-family: "PT Sans", sans-serif;
+}
+
+.ocks-org h1,
+.ocks-org h2,
+.ocks-org h3,
+.ocks-org h4 {
+  color: hsl(249deg 11% 75%);
+}
+
+.ocks-org header,
+.ocks-org footer {
+  color: #999999;
+}
+
+h1 {
+  font-size: 64px;
+  font-weight: 300;
+  letter-spacing: -2px;
+  margin: 0.3em 0 0.1em 0;
+}
+
+h2 {
+  margin-top: 2em;
+}
+
+h1,
+h2 {
+  text-rendering: optimizeLegibility;
+}
+
+h2 a[name],
+h2 a[id] {
+  color: hsl(249deg 3% 31%);
+  padding-right: 0.3em;
+}
+
+header,
+footer {
+  font-size: small;
+}
+
+.ocks-org header aside,
+.ocks-org footer aside {
+  float: left;
+  margin-right: 0.5em;
+}
+
+.ocks-org header aside:after,
+.ocks-org footer aside:after {
+  padding-left: 0.5em;
+  content: "/";
+}
+
+footer {
+  margin-top: 6em;
+}
+
+h1 ~ aside {
+  font-size: small;
+  right: 0;
+  position: absolute;
+  width: 180px;
+}
+
+.attribution {
+  font-size: small;
+  margin-bottom: 2em;
+}
+
+body > p,
+li > p,
+div > p {
+  line-height: 1.5em;
+}
+
+body > p,
+div > p {
+  width: 720px;
+}
+
+body > blockquote {
+  width: 640px;
+}
+
+blockquote q {
+  display: block;
+  font-style: oblique;
+}
+
+ul {
+  padding: 0;
+}
+
+li {
+  width: 690px;
+  margin-left: 30px;
+}
+
+a {
+  color: hsl(187deg 100% 33%);
+}
+
+a:not(:hover) {
+  text-decoration: none;
+}
+
+pre,
+code,
+textarea {
+  font-family: "Menlo", "Menlo Regular", monospace;
+}
+
+code {
+  line-height: 1em;
+  color: hsl(249deg 11% 78%);
+}
+
+textarea {
+  font-size: 100%;
+}
+
+pre {
+  border-left: solid 2px hsl(0deg 0% 26%);
+  padding-left: 18px;
+  margin: 2em 0 2em 0;
+}
+
+.html .value,
+.javascript .string,
+.javascript .regexp {
+  color: #756bb1;
+}
+
+.html .tag,
+.css .tag,
+.javascript .keyword {
+  color: #3182bd;
+}
+
+.comment {
+  color: #636363;
+}
+
+.html .doctype,
+.javascript .number {
+  color: #31a354;
+}
+
+.html .attribute,
+.css .attribute,
+.javascript .class,
+.javascript .special {
+  color: #e6550d;
+}
+
+svg {
+  font: 10px sans-serif;
+}
+
+.axis path,
+.axis line {
+  fill: none;
+  stroke: #000;
+  shape-rendering: crispEdges;
+}
+
+sup,
+sub {
+  line-height: 0;
+}
+
+q:before {
+  content: "â€œ";
+}
+
+q:after {
+  content: "â€";
+}
+
+blockquote q {
+  line-height: 1.5em;
+  display: inline;
+}
+
+blockquote q:before,
+blockquote q:after {
+  content: "";
+}
+
+h3,
+h4,
+p,
+ul {
+  padding-left: 1.2rem;
+}
+
+.banner {
+  padding: 0;
+}
+
+#toc {
+  margin-top: 0;
+}
+
+@media only screen and (max-device-width: 1023px) {
+  .ocks-org body {
+    font-size: 72%;
+    padding: 0.5rem;
+  }
+
+  body > p,
+  div > p {
+    width: 90vw !important;
+  }
+
+  li {
+    width: 82vw;
+  }
+
+  h3,
+  h4,
+  p,
+  ul {
+    padding-left: .7rem;
+    width: 90vw;
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+
+  pre {
+    padding-left: 0.5rem;
+  }
+
+  .banner,
+  h1,
+  img {
+    max-width: calc(100vw - 2em);
+    min-width: calc(100vw - 2em);
+  }
+}
+
+
+
+
+
+/*@import url(web/style.css);*/
+
+@font-face {font-family: "Menlo Regular";
+  src: url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff2") format("woff2"), /* chrome、firefox */
+  url("OnlineWebFonts_COM_cb7eb796ae7de7195a34c485cacebad1\\@font-face\\9f94dc20bb2a09c15241d3a880b7ad01.woff") format("woff");
+}
+
+.join,
+.link,
+.node rect {
+  fill: none;
+  stroke: #636363;
+  stroke-width: 1.5px;
+}
+
+.link {
+  stroke: #969696;
+}
+
+.node rect {
+  fill: white;
+}
+
+.link path,
+.node rect,
+.node text,
+.join {
+  -webkit-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
+  -moz-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
+  -ms-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
+  -o-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
+  transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
+}
+
+.node .element rect {
+  fill: #bdbdbd;
+  stroke: none;
+}
+
+.node .null rect {
+  fill: none;
+  stroke: none;
+}
+
+.node .null text {
+  fill: #636363;
+}
+
+.node .selection rect {
+  stroke: #e6550d;
+}
+
+.node .data rect {
+  stroke: #3182bd;
+}
+
+.node .datum rect {
+  fill: #d9d9d9;
+  stroke: none;
+}
+
+.node .code text {
+  font-family: monospace;
+  color: hsl(0deg 0% 74%)
+}
+
+.node .key rect {
+  fill: #a1d99b;
+  stroke: none;
+}
+
+.link .to-key,
+.join {
+  stroke: #a1d99b;
+}
+
+.join {
+  stroke-dasharray: 2,2;
+}
+
+.link .to-null {
+  stroke-dasharray: .5,3.5;
+  stroke-linecap: round;
+}
+
+.link .from-data {
+  stroke: #3182bd;
+}
+
+.play circle {
+  fill: #fff;
+  stroke: #000;
+  stroke-width: 3px;
+}
+
+.play:hover path {
+  fill: #f00;
+}
+
+.play.mousedown circle {
+  fill: #f00;
+}
+
+.play.mousedown path {
+  fill: #fff;
+}
+
+.play rect {
+  fill: none;
+  pointer-events: all;
+  cursor: pointer;
+}
+
+code span {
+  -webkit-transition: background 250ms linear;
+  -moz-transition: background 250ms linear;
+  -ms-transition: background 250ms linear;
+  -o-transition: background 250ms linear;
+  transition: background 250ms linear;
+}
+
+pre.prettyprint, code.prettyprint {
+  background-color: #222;
+  border-radius: 8px;
+  font-size: 15px;
+}
+
+pre.prettyprint {
+  width: 90%;
+  margin: 0.5em;
+  padding: 1em;
+  white-space: pre-wrap;
+}
+
+#return-to-top {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background: rgb(0, 0, 0);
+  background: rgba(0, 0, 0, 0.2);
+  width: 50px;
+  height: 50px;
+  display: block;
+  text-decoration: none;
+  -webkit-border-radius: 35px;
+  -moz-border-radius: 35px;
+  border-radius: 35px;
+  display: none;
+  -webkit-transition: all 0.3s linear;
+  -moz-transition: all 0.3s ease;
+  -ms-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+#return-to-top i {
+  color: #fff;
+  margin: 0;
+  position: relative;
+  left: 16px;
+  top: 13px;
+  font-size: 19px;
+  -webkit-transition: all 0.3s ease;
+  -moz-transition: all 0.3s ease;
+  -ms-transition: all 0.3s ease;
+  -o-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+
+#return-to-top:hover {
+  background: rgba(0, 0, 0, 0.35);
+}
+
+#return-to-top:hover i {
+   color: #f0f0f0;
+}
+
+@media print {
+  .pagebreak { 
+    page-break-before: always; 
+  } 
+  div {
+    page-break-inside: avoid;
+  }
+  pre {
+    page-break-inside: avoid;
+  }
+}
+
+.modebar{
+  display: none !important;
+}
\ No newline at end of file
diff --git a/web/template.html b/web/template.html
index 4e8554b..04c4f40 100644
--- a/web/template.html
+++ b/web/template.html
@@ -14,10 +14,14 @@
 
   <script>
     // Checks if URL ends with "index.html?dark=true"
-    if (window.location.search.search(/[?&]theme=dark2/) !== -1) {
+    if (window.location.search.search(/[?&]theme=dark3/) !== -1) {
+      document.write("<link rel=\"stylesheet\" href=\"web/default_dark3.min.css\">");
+      document.write("<link rel=\"stylesheet\" href=\"web/style_dark3.css\">");
+    }
+    else if (window.location.search.search(/[?&]theme=dark2/) !== -1) {
       document.write("<link rel=\"stylesheet\" href=\"web/default_dark2.min.css\">");
       document.write("<link rel=\"stylesheet\" href=\"web/style_dark2.css\">");
-    }   
+    }
     else if (window.location.search.search(/[?&]theme=dark1/) !== -1) {
       document.write("<link rel=\"stylesheet\" href=\"web/default_dark1.min.css\">");
       document.write("<link rel=\"stylesheet\" href=\"web/style_dark1.css\">");
