(feat - dark bkground)

lioneltchami · Nov 30, 2023 · 9380dc0 · 9380dc0
1 parent bc23393
commit 9380dc0
Show file tree

Hide file tree

Showing 15 changed files with 44 additions and 0 deletions.
diff --git a/index-en.html b/index-en.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">A Visual Git Reference</h1>
 
   <div id="language-box">

diff --git a/index-es.html b/index-es.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Una referencia visual de Git</h1>
 
   <div id="language-box">

diff --git a/index-fr.html b/index-fr.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Une Référence Visuelle de Git</h1>
 
   <div id="language-box">

diff --git a/index-it.html b/index-it.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Guida visuale a Git</h1>
 
   <div id="language-box">

diff --git a/index-ja.html b/index-ja.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">図解 Git</h1>
 
   <div id="language-box">

diff --git a/index-ko.html b/index-ko.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">A Visual Git Reference</h1>
 
   <div id="language-box">

diff --git a/index-pl.html b/index-pl.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Git: Wizualna ściąga</h1>
 
   <div id="language-box">

diff --git a/index-pt.html b/index-pt.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Uma Referência Visual do Git</h1>
 
   <div id="language-box">

diff --git a/index-ru.html b/index-ru.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Git: наглядная справка</h1>
 
   <div id="language-box">

diff --git a/index-sk.html b/index-sk.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Príručka Visual Git</h1>
 
   <div id="language-box">

diff --git a/index-vi.html b/index-vi.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Tham chiếu Git bằng hình ảnh</h1>
 
   <div id="language-box">

diff --git a/index-zh-cn.html b/index-zh-cn.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">图解Git</h1>
 
   <div id="language-box">

diff --git a/index-zh-tw.html b/index-zh-tw.html
@@ -9,6 +9,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body onload="replace_all_PNGs();">
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">圖解Git</h1>
 
   <div id="language-box">

diff --git a/translate-en.html b/translate-en.html
@@ -8,6 +8,7 @@
           async src="goatcounter.js"></script>
 </head>
 <body>
+  <button id="dark-mode-toggle">Toggle Dark Mode</button>
   <h1 id="top">Translating <em>A Visual Git Reference</em></h1>
 
   <p>Thanks to kindness of others, <a href='index-en.html'><em>A Visual Git

diff --git a/visual-git-guide.css b/visual-git-guide.css
@@ -47,6 +47,36 @@ hr{
 }
 
 
+.dark-mode {
+    background: #000000; /* Black background */
+    color: #ffffff; /* White text */
+}
+
+.dark-mode a, .dark-mode a:visited {
+    color: #49a6e9; /* Adjust link color for dark mode */
+}
+
+.dark-mode h1, .dark-mode h2, .dark-mode h3 {
+    color: #ffffff;
+}
+
+.dark-mode hr {
+    background: #424242;
+}
+
+#dark-mode-toggle {
+    position: fixed;
+    top: 10px;
+    right: 10px;
+    padding: 10px;
+    background-color: #f05033; /* Button background */
+    color: white; /* Button text color */
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+
 .center {
     text-align: center;
 }