Added primary color alfa and tables color

src/App.scss

@@ -27,12 +27,14 @@
 
 html:not([data-theme='dark']) {
   --primary-color: #{$lightPrimaryColor};
+  --primary-color-alfa: #{$lightPrimaryColorAlfa};
   --secondary-color: #{$lightSecondaryColor};
   --text-color: #{$lightTextColor};
 }
 
 html[data-theme='dark'] {
   --primary-color: #{$darkPrimaryColor};
+  --primary-color-alfa: #{$darkPrimaryColorAlfa};
   --secondary-color: #{$darkSecondaryColor};
   --text-color: #{$darkTextColor};
 }

src/common/AsideMenu.scss

@@ -18,7 +18,6 @@
 
   @media (min-width: $mdMin) {
     padding: 30px 15px 15px;
-    border-right: 1px solid rgba(0, 0, 0, .07);
   }
 
   @media (max-width: $smMax) {

src/common/MenuLayout.scss

@@ -22,7 +22,7 @@
   z-index: 1035;
   font-size: 1.5rem;
   cursor: pointer;
-  color: rgba(255, 255, 255, .5);
+  color: var(--primary-color-alfa);
 
   @media (max-width: $smMax) {
     display: inline-block;

src/index.scss

@@ -29,7 +29,7 @@ body,
 }
 
 .card-footer {
-  background-color: rgba(255, 255, 255, .5);
+  background-color: var(--primary-color-alfa);
 }
 
 .container-xl {
@@ -58,6 +58,10 @@ body,
   background-color: $mainColor;
 }
 
+.table {
+  color: var(--text-color);
+}
+
 .table-hover tbody tr:hover {
   background-color: var(--secondary-color);
 }

src/short-urls/Paginator.scss

@@ -1,7 +1,7 @@
 .short-urls-paginator {
   position: sticky;
   bottom: 0;
-  background-color: rgba(255, 255, 255, .5);
+  background-color: var(--primary-color-alfa);
   padding: .75rem 0;
   border-top: 1px solid rgba(black, .125);
 }

src/utils/base.scss

@@ -18,9 +18,12 @@ $mediumGrey: #dee2e6;
 
 // Themes
 $lightPrimaryColor: #ffffff;
+$lightPrimaryColorAlfa: rgba($lightPrimaryColor, .5);
 $lightSecondaryColor: $lightColor;
 $lightTextColor: #212529;
+
 $darkPrimaryColor: #161b22;
+$darkPrimaryColorAlfa: rgba(#161b22, .5);
 $darkSecondaryColor: #0d1117;
 $darkTextColor: #ffffff;