new darkMode

The-Shivam-garg · Feb 4, 2022 · 8a8233e · 8a8233e
1 parent e95ddfa
commit 8a8233e
Show file tree

Hide file tree

Showing 9 changed files with 393 additions and 348 deletions.
diff --git a/Blog/blog.html b/Blog/blog.html
@@ -8,6 +8,10 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Blog</title>
 
+    <link rel="stylesheet" href="../css/main.css">
+    <link rel="stylesheet" href="../css/responsive.css">
+    <link rel="stylesheet" href="../css/utility.css">
+
     <!-- Font Awesome Icons -->
     <link rel="stylesheet" href="./css/all.css">
 
@@ -21,7 +25,7 @@
 
     <!-- Custom Style   -->
     <link rel="stylesheet" href="./css/Style.css">
-
+    <link rel="stylesheet" href="../style.css">
 </head>
 
 <body>
@@ -60,10 +64,12 @@ <h3>igB</h3>
     <!----------------------------- Main Site Section ------------------------------>
 
     <main>
-
+        <div class="big-wrapper light">
+
+
         <!------------------------ Site Title ---------------------->
 
-        <section class="site-title">
+        <section class="site-title" style="color:var(--darkOne)">
             <div class="site-background" data-aos="fade-up" data-aos-delay="100">
                 <h3>Let's Travel</h3>
                 <h1>The Amazing World of Knowledge</h1>
@@ -75,7 +81,7 @@ <h1>The Amazing World of Knowledge</h1>
 
         <!-- --------------------- Blog Carousel ----------------- -->
 
-        <section>
+        <section style="color:var(--darkOne)">
             <div class="blog">
                 <div class="container">
                     <div class="owl-carousel owl-theme blog-post">
@@ -108,7 +114,7 @@ <h3>50 Best AWS Interview Questions in 2021</h3>
                             <div class="blog-title">
                                 <h3>10+ Best Campus Ambassador Programs for Computer Science Undergrad Students</h3>
                                 <button class="btn btn-blog">Read</button>
-                                <span>2 minutes</span>
+                                <span style="color:white">2 minutes</span>
                             </div>
                         </div>
                     </div>
@@ -124,7 +130,7 @@ <h3>10+ Best Campus Ambassador Programs for Computer Science Undergrad Students<
 
         <!-- ---------------------- Site Content -------------------------->
 
-        <section class="container">
+        <section class="container" style="color:var(--darkOne)">
             <div class="site-content">
                 <div class="posts">
                     <div class="post-content" data-aos="zoom-in" data-aos-delay="200">
@@ -138,7 +144,7 @@ <h3>10+ Best Campus Ambassador Programs for Computer Science Undergrad Students<
                                 <span>2 Commets</span>
                             </div>
                         </div>
-                        <div class="post-title">
+                        <div class="post-title" >
                             <a href="#">Program the Raspberry Pi for SMART MIRROR</a>
                             <p>The software part of this project is a bit command line intensive. The steps below are need to be followed in the same manner as mentioned below for making it bug free . Installing Raspbian Jessie Download Etcher and install
                                 it to your computer. It...
@@ -343,8 +349,7 @@ <h2>Popular Tags</h2>
         </section>
 
         <!-- -----------x---------- Site Content -------------x------------>
-
-    </main>
+
 
     <!---------------x------------- Main Site Section ---------------x-------------->
 
@@ -399,12 +404,13 @@ <h4 class="text-gray">
             <span><i class="fas fa-arrow-circle-up fa-2x"></i></span>
         </div>
     </footer>
-
+</div>
+</main>
     <!-- -------------x------------- Footer --------------------x------------------- -->
 
     <!-- Jquery Library file -->
     <script src="./js/Jquery3.4.1.min.js"></script>
-
+    
     <!-- --------- Owl-Carousel js ------------------->
     <script src="./js/owl.carousel.min.js"></script>
 
@@ -413,6 +419,7 @@ <h4 class="text-gray">
 
     <!-- Custom Javascript file -->
     <script src="./js/main.js"></script>
+    <script src="../app.js"></script>
 </body>
 
 </html>
diff --git a/Blog/css/Style.css b/Blog/css/Style.css
@@ -11,7 +11,7 @@ html, body{
 :root{
 
     /*      Theme colors        */
-    --text-gray: #3f4954;
+
     --text-light : #686666da;
     --bg-color: #0f0f0f;
     --white: #ffffff;
@@ -33,7 +33,7 @@ html, body{
 
 a{
     text-decoration: none;
-    color: var(--text-gray);
+    color: var(--darkOne);
 }
 
 .flex-row{
@@ -71,8 +71,12 @@ button.btn{
 
 span{
     font-family: var(--Abel);
+    color: black;
+}
+.blog-title span{
+    font-family: var(--Abel);
+    color: var(--darkOne);
 }
-
 .container{
     margin: 0 5vw;
 }
@@ -83,7 +87,7 @@ span{
 
 p{
     font-family: var(--Lexend);
-    color: var(--text-light);
+    color: var(--darkTwo);
 }
 
 /* ------x------- Global Classes -------x-------*/