Update font color and text size in script.js, and change text color i…

…n styles.css
paubel · Feb 8, 2024 · bb269f6 · bb269f6
1 parent 620a325
commit bb269f6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/script.js b/script.js
@@ -403,11 +403,9 @@ d3.json("stars-sort.json").then(function (stars) {
       .attr("y", (d) => yScale(d.luminosity))
       .text((d) => d.name)
       .style("font-size", "11px")
-      .style("fill", "#fff")
+      .style("fill", "#f2f2f2")
       .style("text-shadow", "2px 2px 4px #000");
 
-    /*     d3.selectAll(".star-label").style("display", "none"); */
-
     labels
       .attr("x", (d) => xScale(d.temperature) + 8)
       .attr("y", (d) => yScale(d.luminosity));
@@ -483,7 +481,7 @@ d3.json("stars-sort.json").then(function (stars) {
     .attr("y", (d) => yScale(d.luminosity))
     .text((d) => d.name)
     .style("font-size", "11px") // Increase the font size
-    .style("fill", "#fff") // Change the font color to white
+    .style("fill", "#f2f2f2")
     .style("text-shadow", "2px 2px 4px #000"); // Add a black text shadow
 
   // Define a custom locale with space as the thousand separator

diff --git a/styles.css b/styles.css
@@ -1,7 +1,7 @@
 :root {
   --primary-color: #444;
   --background-color: #121212;
-  --text-color: #ebebeb;
+  --text-color: #ccff00;
   --border-color: #ebebeb;
 }
 #hr-diagram {