buttons, cards, and texts edits for colors

assets/styles/components/buttons.scss

@@ -1,5 +1,5 @@
 .btn-dark {
-  background-color: get-light-color('text-color') !important;
+  background-color: get-light-color('bg-card') !important;
   border-color: get-light-color('text-color') !important;
   color: get-light-color('text-over-accent-color') !important;
   @include transition();
@@ -51,6 +51,7 @@
 
 .navbar-toggler {
   border: none;
+
   &:focus {
     border: none;
     outline: none !important;
@@ -61,6 +62,7 @@
 .tags {
   text-align: left;
   padding-top: 0.5em;
+
   li {
     font-size: 0.5em;
     list-style-type: none;
@@ -70,6 +72,7 @@
     margin-top: 0.6em;
     margin-bottom: 0.6em;
   }
+
   a {
     text-decoration: none !important;
   }
@@ -121,6 +124,7 @@
     color: get-light-color('text-over-accent-color') !important;
     @include transition();
   }
+
   &:focus {
     &::before {
       content: 'Copied!';
@@ -203,6 +207,7 @@ html[data-theme='dark'] {
       background-color: get-dark-color('hover-over-accent-color') !important;
     }
   }
+
   .copy-code-button {
     background-color: get-dark-color('bg-primary') !important;
     color: get-dark-color('muted-text-color') !important;
@@ -214,4 +219,4 @@ html[data-theme='dark'] {
       color: get-dark-color('text-over-accent-color') !important;
     }
   }
-}
+}

assets/styles/components/cards.scss

@@ -9,6 +9,7 @@
     box-shadow: $box-shadow;
     border: 1px solid get-light-color('bg-primary');
     @include transition();
+
     .card-img-top {
       transform: scale(1.2);
       object-fit: cover;
@@ -32,7 +33,7 @@
 
   .card-img-top {
     -o-object-fit: cover;
-       object-fit: cover;
+    object-fit: cover;
     @include transition();
   }
 
@@ -48,6 +49,7 @@
 
   .card-footer {
     background: get-light-color('bg-card') !important;
+
     a.btn {
       text-decoration: none !important;
     }
@@ -72,7 +74,7 @@
       .card-img-top {
         transform: scale(1.2);
         -o-object-fit: cover;
-           object-fit: cover;
+        object-fit: cover;
         @include transition();
       }
     }
@@ -92,6 +94,7 @@
         -webkit-box-orient: vertical;
       }
     }
+
     .card-footer {
       margin-top: auto;
 
@@ -112,6 +115,7 @@ html[data-theme='dark'] {
     &:focus {
       border: 1px solid rgba(get-dark-color('accent-color'), 0.2);
     }
+
     .card-footer {
       background: get-dark-color('bg-card') !important;
     }
@@ -126,4 +130,4 @@ html[data-theme='dark'] {
       }
     }
   }
-}
+}

assets/styles/components/texts.scss

@@ -6,6 +6,10 @@ h5 {
   color: get-light-color('heading-color');
 }
 
+h6 {
+  color: get-light-color('text-color');
+}
+
 strong {
   color: get-light-color('heading-color') !important;
 }
@@ -26,7 +30,7 @@ blockquote {
   padding: 0.3rem;
   padding-left: 1rem;
 
-  & > p {
+  &>p {
     color: get-light-color('text-color');
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;
@@ -68,6 +72,7 @@ blockquote {
 }
 
 html[data-theme='dark'] {
+
   h1,
   h2,
   h3,
@@ -106,6 +111,7 @@ html[data-theme='dark'] {
   .sub-title {
     color: get-dark-color('muted-text-color');
   }
+
   ::-moz-selection {
     @include selection-color($theme: 'dark');
   }
@@ -113,8 +119,9 @@ html[data-theme='dark'] {
   ::selection {
     @include selection-color($theme: 'dark');
   }
+
   li,
   ul {
     color: get-dark-color('text-color');
   }
-}
+}