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 <[email protected]>
KendallDoesCoding · Mar 4, 2022 · 084534c · 084534c
1 parent d80c8aa
commit 084534c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git 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
@@ -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);
+}