diff --git a/src/App.scss b/src/App.scss index 4a4f3b38..ca211d43 100644 --- a/src/App.scss +++ b/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}; } diff --git a/src/common/AsideMenu.scss b/src/common/AsideMenu.scss index 60a48c1a..d92eccf6 100644 --- a/src/common/AsideMenu.scss +++ b/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) { diff --git a/src/common/MenuLayout.scss b/src/common/MenuLayout.scss index 7eae132d..63f476c5 100644 --- a/src/common/MenuLayout.scss +++ b/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; diff --git a/src/index.scss b/src/index.scss index 9e5ee63b..f4835f92 100644 --- a/src/index.scss +++ b/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); } diff --git a/src/short-urls/Paginator.scss b/src/short-urls/Paginator.scss index 03b784d0..fbee7e23 100644 --- a/src/short-urls/Paginator.scss +++ b/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); } diff --git a/src/utils/base.scss b/src/utils/base.scss index dfb8b476..62870475 100644 --- a/src/utils/base.scss +++ b/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;