From 084534c74457044a0c843709ccc5935b9767123d Mon Sep 17 00:00:00 2001
From: Jeff Bucher <71293215+JeffBucherDev@users.noreply.github.com>
Date: Fri, 4 Mar 2022 01:30:42 -0700
Subject: [PATCH] Issue #216 Bullet and Text Coloring styles (#218)

* Fixed text and bullet point styling issues

* reverted to correct scripts pathing

* added new line at end of styles file

* Make bullet color lightgrey for dark mode

When it's black, it merges with the background, so I needed to change it to another colour, grey is still pretty dark, lightgrey is like white but still a kind of grey.

Co-authored-by: Kendall Pinto <kendalldoescoding@gmail.com>
---
 otherprojects/index.html |  2 +-
 otherprojects/main.css   | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/otherprojects/index.html b/otherprojects/index.html
index 9a9d8cfd..32b203eb 100644
--- a/otherprojects/index.html
+++ b/otherprojects/index.html
@@ -29,7 +29,7 @@ <h1 class="heading">Other Similar Projects</h1>
       </label>
     </div>
     <p class="info">
-      <li> These are two more projects (one website and one github repo template) I
+      <li id="other-projects-text"> These are two more projects (one website and one github repo template) I
       made like this project. These links won't be updated often though, except
       for a couple edits from time to time. This project, Mogul Christmas is the
       main project for this. </li>
diff --git a/otherprojects/main.css b/otherprojects/main.css
index b18e4774..a1cbf590 100644
--- a/otherprojects/main.css
+++ b/otherprojects/main.css
@@ -7,6 +7,7 @@
   --yml-btn: #1abc9c;
   --yml-btn-hover: #1abc9c;
   --info-text: violet;
+  --info-text-bulet: black;
   font-family: "Roboto", sans-serif;
 }
 
@@ -20,6 +21,7 @@
   --lyrics-text-color: #1e88e5;
   --yml-btn: #03ac12;
   --info-text: violet;
+  --info-text-bulet: lightgrey;
   font-family: "Roboto", sans-serif;
   --others: yellow;
 }
@@ -189,3 +191,11 @@ input:checked + .slider:before {
 .others {
   color: var(--others);
 }
+/* Violet text, black bullet points */
+
+#other-projects-text {
+  color: violet;
+}
+li::marker {
+  color: var(--info-text-bulet);
+}