Fix Some minor bugs

sarfarazstark · Nov 2, 2023 · 49b4f3f · 49b4f3f
1 parent 6366d06
commit 49b4f3f
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 9 deletions.
diff --git a/github.svg b/github.svg
diff --git a/highlight/styles/one-dark-pro.css b/highlight/styles/one-dark-pro.css
@@ -124,8 +124,8 @@
   font-size: 1.2em;
 }
 
-.hljs-tagrgb(176, 80, 80)name, .hljs-tag .hljs-attr {
-  color: #a45d5d;
+.hljs-tag .hljs-name, .hljs-tag .hljs-attr {
+  color: #ae4949;
 }
 
 .hljs-meta-keyword {

diff --git a/index.html b/index.html
@@ -10,7 +10,6 @@
   <link rel="stylesheet" href="style.css">
   <!-- <link rel="stylesheet" href="highlight/styles/default.css"> -->
   <link rel="stylesheet" href="highlight/styles/one-dark-pro.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
 </head>
 
 <body>
@@ -110,7 +109,7 @@ <h5>Download</h5>
   </div>
 
   <footer>Made by <a href="https://github.com/sarfarazstark" target="_blank">Sarfaraz</a> - <a
-      href="https://github.com/sarfarazstark/ChromaCode"><i class="fab fa-github"></i></a></footer>
+      href="https://github.com/sarfarazstark/ChromaCode"><img src="github.svg" alt=""></a></footer>
   <script src="dom-to-image-more.min.js"></script>
   <script src="highlight/highlight.min.js"></script>
   <script>

diff --git a/index.js b/index.js
@@ -210,16 +210,17 @@ backgroundCheckbox.addEventListener('click', () => {
 // Add event listener to the dark mode checkbox
 let d = 0;
 darkMode.addEventListener('click', () => {
+  console.log('clicked');
   if(d === 0) {
     card.style.background = '#ffffffc9';
     card.querySelector('code').style.color = 'rgb(55 89 57)';
-    card.querySelector('input').style.color = 'rgba(58, 58, 58, 0.972)';
+    card.querySelector('.title').style.color = 'rgba(58, 58, 58, 0.972)';
     download();
     d = 1;
   } else {
     card.style.background = 'rgba(0, 0, 0, .75)';
     card.querySelector('code').style.color = '#6ea971';
-    card.querySelector('input').style.color = 'rgba(173, 173, 173, 0.972)';
+    card.querySelector('.title').style.color = 'rgba(173, 173, 173, 0.972)';
     download();
     d = 0;
   }

diff --git a/style.css b/style.css
@@ -330,11 +330,14 @@ footer a{
   color: #cd982f;
   text-decoration: none;
 }
-.fa-github{
+footer a:nth-child(2){
+  height: 25px;
+}
+footer a img{
   width: 1.7rem;
   transition: all 0.3s ease-out;
 }
-footer a .fa-github:hover{
+footer a img:hover{
   translate: 0 -0.5rem;
-  width: 1.5rem;
+  width: 1.9rem;
 }