changed dark theme colors and deleted unused lines

index.html

@@ -77,10 +77,10 @@
  <div class="container pt-4 mt-5 my-3">
  <h1 class="text-center display-5 font-weight-bold welcome-text">Welcome To <i
  class="fa fa-globe fa-45"></i>nline Library</h1>
- <hr>
+ <hr class="divider">
  <!-- <h3 class="text-center"> -->
  <p style="font-size:30px;" class="text-center" id="subHead1"><b>Add Your Book</b></p>
- <hr>
+ <hr class="divider">
  <!-- </h3> -->
 
  <form id="libraryForm">
@@ -387,7 +387,7 @@ <h4>Download</h4>
 
  </ul>
  <hr>
- <div class=" bottom ">
+ <div class="bottom">
  <p style="min-width:10%;">About this repo:</p>
  <i class="fa-solid fa-code-fork last"></i> Forks <span id="forks-count">fetching..</span>
  <i class="fa-regular fa-star last"></i> Stars <span id="stars-count">fetching..</span>

style.css

@@ -1,4 +1,4 @@
-html{
+html {
  scroll-behavior: smooth;
 }
 
@@ -33,7 +33,7 @@ body {
 }
 
 .dark-theme {
- --primary-color: black;
+ --primary-color: rgb(34, 32, 32);
  --secondary-color: white;
  --ternary-color: rgb(41, 39, 39);
 }
@@ -42,6 +42,14 @@ body {
  color: white;
 }
 
+.dark-theme #libraryForm {
+ box-shadow: 0px 3px 20px #474747, 1px 0px 3px #bd8cbf;
+}
+
+.dark-theme .divider {
+ background-color: rgb(83, 83, 83);
+}
+
 .dark-theme {
  color: rgb(207, 206, 206);
 }
@@ -73,6 +81,7 @@ body {
  font-size: 25px;
  width: 30px;
  color: var(--secondary-color);
+ cursor: pointer;
 }
 #icon:hover {
  text-shadow: 5px 5px 5px var(--primary-color);
@@ -204,6 +213,13 @@ legend {
  color: var(--secondary-color);
 }
 
+#subHead2 {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 1rem;
+}
+
 option {
  background-color: var(--ternary-color);
  color: var(--secondary-color);
@@ -281,7 +297,11 @@ option {
 }
 .dark-theme h1,
 h2 {
- color: red;
+ color: #7a49c4f3;
+}
+
+.dark-theme h1 {
+ text-shadow: 5px 5px 5px rgba(69, 56, 145, 0.4);
 }
 
 .dark-theme .toggle-switch {
@@ -298,7 +318,7 @@ h2 {
 
 .table-custom {
  width: 100%;
- overflow: scroll;
+ overflow: auto;
  scroll-behavior: smooth;
  height: 100%;
 }
@@ -418,16 +438,6 @@ h2 {
  padding-bottom: 15px;
 }
 
-.containerFluid h2::after {
- position: absolute;
- content: "";
- bottom: 40px;
- right: 12px;
- width: 67px;
- height: 2px;
- background-color: white;
-}
-
 .accordion {
  width: 100%;
  padding: 5px 5px;
@@ -458,6 +468,10 @@ h2 {
  color: #1f5c9a;
 }
 
+.dark-theme .accordion h5 {
+ color: #94c8fc;
+}
+
 .active {
  background-color: #6db5ff;
  color: #fff;