diff --git a/src/assets/stylesheets/helpers/_variables.scss b/src/assets/stylesheets/helpers/_variables.scss index 0d20177..492bde6 100644 --- a/src/assets/stylesheets/helpers/_variables.scss +++ b/src/assets/stylesheets/helpers/_variables.scss @@ -1,7 +1,7 @@ // brand colors $poa-purple: #5a2da5; $sokol-cyan: #8ce1d7; -$kovan-cyan: #8ce1d7; +$kovan-cyan: #28aca4; $xdai-orange: #fec042; $xdai-gray: #f2f6f8; diff --git a/src/assets/stylesheets/index.css b/src/assets/stylesheets/index.css index 5483e4f..0a36fbe 100644 --- a/src/assets/stylesheets/index.css +++ b/src/assets/stylesheets/index.css @@ -659,12 +659,12 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .sw-ButtonDownload.sw-ButtonDownload-dai[disabled]:focus, .sw-ButtonDownload.sw-ButtonDownload-dai[disabled].active, .sw-ButtonDownload.sw-ButtonDownload-dai[disabled]:hover { background-color: #fec042; } .sw-ButtonDownload.sw-ButtonDownload-kovan { - background-color: #8ce1d7; - box-shadow: 0 5px 10px 0 rgba(140, 225, 215, 0.3); } + background-color: #28aca4; + box-shadow: 0 5px 10px 0 rgba(40, 172, 164, 0.3); } .sw-ButtonDownload.sw-ButtonDownload-kovan:focus, .sw-ButtonDownload.sw-ButtonDownload-kovan:active, .sw-ButtonDownload.sw-ButtonDownload-kovan:hover { - background-color: #64d6c9; } + background-color: #1e837d; } .sw-ButtonDownload.sw-ButtonDownload-kovan[disabled]:focus, .sw-ButtonDownload.sw-ButtonDownload-kovan[disabled].active, .sw-ButtonDownload.sw-ButtonDownload-kovan[disabled]:hover { - background-color: #8ce1d7; } + background-color: #28aca4; } .ky-Keys_Block .sw-ButtonDownload { margin-top: auto; } @media (min-width: 992px) { @@ -730,12 +730,12 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .sw-ButtonGenerate.sw-ButtonGenerate-dai[disabled]:focus, .sw-ButtonGenerate.sw-ButtonGenerate-dai[disabled].active, .sw-ButtonGenerate.sw-ButtonGenerate-dai[disabled]:hover { background-color: #fec042; } .sw-ButtonGenerate.sw-ButtonGenerate-kovan { - background-color: #8ce1d7; - box-shadow: 0 5px 10px 0 rgba(140, 225, 215, 0.3); } + background-color: #28aca4; + box-shadow: 0 5px 10px 0 rgba(40, 172, 164, 0.3); } .sw-ButtonGenerate.sw-ButtonGenerate-kovan:focus, .sw-ButtonGenerate.sw-ButtonGenerate-kovan:active, .sw-ButtonGenerate.sw-ButtonGenerate-kovan:hover { - background-color: #64d6c9; } + background-color: #1e837d; } .sw-ButtonGenerate.sw-ButtonGenerate-kovan[disabled]:focus, .sw-ButtonGenerate.sw-ButtonGenerate-kovan[disabled].active, .sw-ButtonGenerate.sw-ButtonGenerate-kovan[disabled]:hover { - background-color: #8ce1d7; } + background-color: #28aca4; } .hm-Home .sw-ButtonGenerate { width: 100%; } @media (min-width: 768px) { @@ -775,7 +775,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .sw-Footer.sw-Footer-dai { background-color: #f2f6f8; } .sw-Footer.sw-Footer-kovan { - background-color: #8ce1d7; } + background-color: #28aca4; } .sw-Footer_Content { max-width: 100%; @@ -831,7 +831,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .sw-Header.sw-Header-dai { background-color: #f2f6f8; } .sw-Header.sw-Header-kovan { - background-color: #8ce1d7; } + background-color: #28aca4; } .sw-Header_Content { max-width: 100%; @@ -954,7 +954,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .ky-Keys_Block.ky-Keys_Block-sokol { border-color: #8ce1d7; } .ky-Keys_Block.ky-Keys_Block-kovan { - border-color: #8ce1d7; } + border-color: #28aca4; } .ky-Keys_BlockTitle { color: #333; @@ -968,7 +968,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .ky-Keys_BlockTitle.ky-Keys_BlockTitle-sokol { color: #8ce1d7; } .ky-Keys_BlockTitle.ky-Keys_BlockTitle-kovan { - color: #8ce1d7; } + color: #28aca4; } .ky-Keys_BlockTitle.ky-Keys_BlockTitle-dai { color: #333; } @@ -989,7 +989,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .ky-Keys_Hash.ky-Keys_Hash-sokol { color: #8ce1d7; } .ky-Keys_Hash.ky-Keys_Hash-kovan { - color: #8ce1d7; } + color: #28aca4; } .ky-Keys_Hash.ky-Keys_Hash-dai { color: #333; } @@ -1060,7 +1060,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .ky-Keys_Warning.ky-Keys_Warning-sokol { color: #8ce1d7; } .ky-Keys_Warning.ky-Keys_Warning-kovan { - color: #8ce1d7; } + color: #28aca4; } .ky-Keys_Warning.ky-Keys_Warning-dai { color: #333; } @@ -1076,7 +1076,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { fill: #8ce1d7; } .ky-Keys_WarningIconPath.ky-Keys_WarningIconPath-kovan { - fill: #8ce1d7; } + fill: #28aca4; } .ky-Keys_WarningIconPath.ky-Keys_WarningIconPath-dai { fill: #fec042; } @@ -1100,7 +1100,7 @@ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { .ld-Loading.ld-Loading-dai { background-color: rgba(254, 192, 66, 0.5); } .ld-Loading.ld-Loading-kovan { - background-color: rgba(140, 225, 215, 0.5); } + background-color: rgba(40, 172, 164, 0.5); } .ld-Loading_Animation { display: flex;