From aee2c8477ff976a9bd3770e338a98719b830d5f5 Mon Sep 17 00:00:00 2001
From: zPlus <zplus@peers.community>
Date: Sun, 28 Aug 2022 07:11:22 +0200
Subject: [PATCH] Change edges color.

Make edges color darker in order to make them more visible.
---
 index.html | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index 6740e5a..116ecaf 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <title>DOKK Graph</title>
-        
+
         <style>
             html, body, #graph {
                 font-family: monospace;
@@ -14,7 +14,7 @@
                 padding: 0;
                 width: 100%;
             }
-            
+
             .sidebar {
                 background: #fbfbfb;
                 box-shadow: 0 0 .5rem 0 lightgray;
@@ -25,12 +25,12 @@
                 top: 0;
                 width: 25%;
             }
-            
+
             input[type=search] {
                 padding: .5rem 1rem;
                 width: 100%;
             }
-            
+
             #search_results {
                 list-style: none;
                 margin: 1rem 0 0 0;
@@ -70,8 +70,8 @@
             },
             edges: {
                 color: {
-                    color: "#f0f0f0",
-                    hover: "#e0e0e0",
+                    color: "#a0a0a0",
+                    hover: "#a0a0a0",
                     highlight: "red"
                 },
                 font: {
@@ -81,7 +81,7 @@
                 physics: true,
                 smooth: false,
             },
-            
+
             layout: {
                 randomSeed: 0
             },
@@ -101,27 +101,27 @@
         };
 
         network = new vis.Network(container, data, options);
-        
+
         function search(text) {
             text = text.trim();
             about_container = document.getElementById('about');
             results_container = document.getElementById('search_results');
-            
+
             if(text.length == 0) {
                 about_container.style.display = "block";
                 results_container.style.display = "none";
                 return;
             }
-            
+
             about_container.style.display = "none";
             results_container.style.display = "block";
-            
+
             text = text.toLowerCase();
-            
+
             results = nodes.filter(obj => {
                 return obj.label.toLowerCase().startsWith(text);
             }).slice(0, 100);
-            
+
             results_container.replaceChildren();
             results.forEach(function (result, index, arr) {
                 li = document.createElement("li");
@@ -133,15 +133,15 @@
                         animation: false
                     });
                 });
-                
+
                 results_container.appendChild(li);
             });
         }
         </script>
-        
+
         <div class="sidebar">
             <input type="search" oninput="search(this.value)" placeholder="Search node..." />
-            
+
             <div id="about">
                 <p>
                     <i>DOKK</i> is a community-curated graph.
@@ -153,12 +153,12 @@
                     <a href="https://clif.peers.community/dokk/graph.git">data</a>,
                     and participate in the creation of a free database of the world's knowledge.
                     Let's build it together!
-                    
+
                     <br /><br /><br /><br />
                     IRC: #<a href="https://peers.community/">peers</a> at irc.libera.chat
                 </p>
             </div>
-            
+
             <ul id="search_results"></ul>
         </div>
     </body>