diff --git a/apps/remix-ide-e2e/src/tests/gist.test.ts b/apps/remix-ide-e2e/src/tests/gist.test.ts
index 21832de532..0c27e28cdf 100644
--- a/apps/remix-ide-e2e/src/tests/gist.test.ts
+++ b/apps/remix-ide-e2e/src/tests/gist.test.ts
@@ -128,7 +128,7 @@ module.exports = {
 
   'Import From Gist For Valid Gist ID #group2': function (browser: NightwatchBrowser) {
     browser
-      .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 10000)
+      .waitForElementVisible('*[data-id="remixIdeIconPanel"]', 15000)
       .clickLaunchIcon('settings')
       .click('*[data-id="settingsTabGenerateContractMetadataLabel"]')
       .setValue('[data-id="settingsTabGistAccessToken"]', process.env.gist_token)
diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css
index 9550195a4e..4639bcdad8 100644
--- a/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css
+++ b/apps/remix-ide/src/assets/css/themes/bootstrap-spacelab.min.css
@@ -30,7 +30,9 @@
     --info:#3399f3;
     --warning:#d47500;
     --danger:#cd0200;
-    --text:#eee;
+    --text: #343a40;
+    /* --text:#eee; */
+    /* --text-background: #; */
     --light:#eee;
     --dark:#333;
     --body-bg:#fff;
@@ -437,25 +439,25 @@ pre code {
     .container,.container-sm {
         max-width:540px
     }
-    
+
 }
 @media (min-width:768px) {
     .container,.container-md,.container-sm {
         max-width:720px
     }
-    
+
 }
 @media (min-width:992px) {
     .container,.container-lg,.container-md,.container-sm {
         max-width:960px
     }
-    
+
 }
 @media (min-width:1200px) {
     .container,.container-lg,.container-md,.container-sm,.container-xl {
         max-width:1140px
     }
-    
+
 }
 .row {
     display:-ms-flexbox;
@@ -875,7 +877,7 @@ pre code {
     .offset-sm-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:768px) {
     .col-md {
@@ -1077,7 +1079,7 @@ pre code {
     .offset-md-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:992px) {
     .col-lg {
@@ -1279,7 +1281,7 @@ pre code {
     .offset-lg-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:1200px) {
     .col-xl {
@@ -1481,7 +1483,7 @@ pre code {
     .offset-xl-11 {
         margin-left:91.666667%
     }
-    
+
 }
 .table {
     width:100%;
@@ -1664,7 +1666,7 @@ pre code {
     .table-responsive-sm>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:767.98px) {
     .table-responsive-md {
@@ -1676,7 +1678,7 @@ pre code {
     .table-responsive-md>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:991.98px) {
     .table-responsive-lg {
@@ -1688,7 +1690,7 @@ pre code {
     .table-responsive-lg>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:1199.98px) {
     .table-responsive-xl {
@@ -1700,7 +1702,7 @@ pre code {
     .table-responsive-xl>.table-bordered {
         border:0
     }
-    
+
 }
 .table-responsive {
     display:block;
@@ -1730,7 +1732,7 @@ pre code {
     .form-control {
         transition:none
     }
-    
+
 }
 .form-control::-ms-expand {
     background-color:transparent;
@@ -2116,7 +2118,7 @@ textarea.form-control {
     .form-inline .custom-control-label {
         margin-bottom:0
     }
-    
+
 }
 .btn {
     display:inline-block;
@@ -2140,7 +2142,7 @@ textarea.form-control {
     .btn {
         transition:none
     }
-    
+
 }
 .btn:hover {
     color:#777;
@@ -2628,7 +2630,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .fade {
         transition:none
     }
-    
+
 }
 .fade:not(.show) {
     opacity:0
@@ -2646,7 +2648,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .collapsing {
         transition:none
     }
-    
+
 }
 .dropdown,.dropleft,.dropright,.dropup {
     position:relative
@@ -2703,7 +2705,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         right:0;
         left:auto
     }
-    
+
 }
 @media (min-width:768px) {
     .dropdown-menu-md-left {
@@ -2714,7 +2716,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         right:0;
         left:auto
     }
-    
+
 }
 @media (min-width:992px) {
     .dropdown-menu-lg-left {
@@ -2725,7 +2727,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         right:0;
         left:auto
     }
-    
+
 }
 @media (min-width:1200px) {
     .dropdown-menu-xl-left {
@@ -2736,7 +2738,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         right:0;
         left:auto
     }
-    
+
 }
 .dropup .dropdown-menu {
     top:auto;
@@ -3192,7 +3194,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .custom-switch .custom-control-label::after {
         transition:none
     }
-    
+
 }
 .custom-switch .custom-control-input:checked~.custom-control-label::after {
     background-color:#fff;
@@ -3358,7 +3360,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         -webkit-transition:none;
         transition:none
     }
-    
+
 }
 .custom-range::-webkit-slider-thumb:active {
     background-color:#b4c8de
@@ -3388,7 +3390,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         -moz-transition:none;
         transition:none
     }
-    
+
 }
 .custom-range::-moz-range-thumb:active {
     background-color:#b4c8de
@@ -3420,7 +3422,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         -ms-transition:none;
         transition:none
     }
-    
+
 }
 .custom-range::-ms-thumb:active {
     background-color:#b4c8de
@@ -3465,7 +3467,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .custom-control-label::before,.custom-file-label,.custom-select {
         transition:none
     }
-    
+
 }
 .nav {
     display:-ms-flexbox;
@@ -3631,7 +3633,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         padding-right:0;
         padding-left:0
     }
-    
+
 }
 @media (min-width:576px) {
     .navbar-expand-sm {
@@ -3664,14 +3666,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .navbar-expand-sm .navbar-toggler {
         display:none
     }
-    
+
 }
 @media (max-width:767.98px) {
     .navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl {
         padding-right:0;
         padding-left:0
     }
-    
+
 }
 @media (min-width:768px) {
     .navbar-expand-md {
@@ -3704,14 +3706,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .navbar-expand-md .navbar-toggler {
         display:none
     }
-    
+
 }
 @media (max-width:991.98px) {
     .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl {
         padding-right:0;
         padding-left:0
     }
-    
+
 }
 @media (min-width:992px) {
     .navbar-expand-lg {
@@ -3744,14 +3746,14 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .navbar-expand-lg .navbar-toggler {
         display:none
     }
-    
+
 }
 @media (max-width:1199.98px) {
     .navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl {
         padding-right:0;
         padding-left:0
     }
-    
+
 }
 @media (min-width:1200px) {
     .navbar-expand-xl {
@@ -3784,7 +3786,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .navbar-expand-xl .navbar-toggler {
         display:none
     }
-    
+
 }
 .navbar-expand {
     -ms-flex-flow:row nowrap;
@@ -4012,7 +4014,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         margin-bottom:0;
         margin-left:15px
     }
-    
+
 }
 .card-group>.card {
     margin-bottom:15px
@@ -4053,7 +4055,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
         border-bottom-left-radius:0
     }
-    
+
 }
 .card-columns .card {
     margin-bottom:.75rem
@@ -4073,7 +4075,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         display:inline-block;
         width:100%
     }
-    
+
 }
 .accordion {
     overflow-anchor:none
@@ -4220,7 +4222,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .badge {
         transition:none
     }
-    
+
 }
 a.badge:focus,a.badge:hover {
     text-decoration:none
@@ -4343,7 +4345,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     .jumbotron {
         padding:4rem 2rem
     }
-    
+
 }
 .jumbotron-fluid {
     padding-right:0;
@@ -4469,7 +4471,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     to {
         background-position:0 0
     }
-    
+
 }
 @keyframes progress-bar-stripes {
     from {
@@ -4478,7 +4480,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     to {
         background-position:0 0
     }
-    
+
 }
 .progress {
     display:-ms-flexbox;
@@ -4508,7 +4510,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     .progress-bar {
         transition:none
     }
-    
+
 }
 .progress-bar-striped {
     background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
@@ -4523,7 +4525,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         -webkit-animation:none;
         animation:none
     }
-    
+
 }
 .media {
     display:-ms-flexbox;
@@ -4639,7 +4641,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:768px) {
     .list-group-horizontal-md {
@@ -4665,7 +4667,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:992px) {
     .list-group-horizontal-lg {
@@ -4691,7 +4693,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:1200px) {
     .list-group-horizontal-xl {
@@ -4717,7 +4719,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 .list-group-flush {
     border-radius:0
@@ -4932,7 +4934,7 @@ a.close.disabled {
     .modal.fade .modal-dialog {
         transition:none
     }
-    
+
 }
 .modal.show .modal-dialog {
     -webkit-transform:none;
@@ -5088,19 +5090,19 @@ a.close.disabled {
     .modal-sm {
         max-width:300px
     }
-    
+
 }
 @media (min-width:992px) {
     .modal-lg,.modal-xl {
         max-width:800px
     }
-    
+
 }
 @media (min-width:1200px) {
     .modal-xl {
         max-width:1140px
     }
-    
+
 }
 .tooltip {
     position:absolute;
@@ -5367,7 +5369,7 @@ a.close.disabled {
     .carousel-item {
         transition:none
     }
-    
+
 }
 .carousel-item-next,.carousel-item-prev,.carousel-item.active {
     display:block
@@ -5399,7 +5401,7 @@ a.close.disabled {
     .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
         transition:none
     }
-    
+
 }
 .carousel-control-next,.carousel-control-prev {
     position:absolute;
@@ -5422,7 +5424,7 @@ a.close.disabled {
     .carousel-control-next,.carousel-control-prev {
         transition:none
     }
-    
+
 }
 .carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
     color:#fff;
@@ -5484,7 +5486,7 @@ a.close.disabled {
     .carousel-indicators li {
         transition:none
     }
-    
+
 }
 .carousel-indicators .active {
     opacity:1
@@ -5505,14 +5507,14 @@ a.close.disabled {
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg)
     }
-    
+
 }
 @keyframes spinner-border {
     to {
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg)
     }
-    
+
 }
 .spinner-border {
     display:inline-block;
@@ -5540,7 +5542,7 @@ a.close.disabled {
         -webkit-transform:none;
         transform:none
     }
-    
+
 }
 @keyframes spinner-grow {
     0% {
@@ -5552,7 +5554,7 @@ a.close.disabled {
         -webkit-transform:none;
         transform:none
     }
-    
+
 }
 .spinner-grow {
     display:inline-block;
@@ -5796,7 +5798,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         display:-ms-inline-flexbox!important;
         display:inline-flex!important
     }
-    
+
 }
 @media (min-width:768px) {
     .d-md-none {
@@ -5828,7 +5830,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         display:-ms-inline-flexbox!important;
         display:inline-flex!important
     }
-    
+
 }
 @media (min-width:992px) {
     .d-lg-none {
@@ -5860,7 +5862,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         display:-ms-inline-flexbox!important;
         display:inline-flex!important
     }
-    
+
 }
 @media (min-width:1200px) {
     .d-xl-none {
@@ -5892,7 +5894,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         display:-ms-inline-flexbox!important;
         display:inline-flex!important
     }
-    
+
 }
 @media print {
     .d-print-none {
@@ -5924,7 +5926,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         display:-ms-inline-flexbox!important;
         display:inline-flex!important
     }
-    
+
 }
 .embed-responsive {
     position:relative;
@@ -6231,7 +6233,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         -ms-flex-item-align:stretch!important;
         align-self:stretch!important
     }
-    
+
 }
 @media (min-width:768px) {
     .flex-md-row {
@@ -6370,7 +6372,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         -ms-flex-item-align:stretch!important;
         align-self:stretch!important
     }
-    
+
 }
 @media (min-width:992px) {
     .flex-lg-row {
@@ -6509,7 +6511,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         -ms-flex-item-align:stretch!important;
         align-self:stretch!important
     }
-    
+
 }
 @media (min-width:1200px) {
     .flex-xl-row {
@@ -6648,7 +6650,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         -ms-flex-item-align:stretch!important;
         align-self:stretch!important
     }
-    
+
 }
 .float-left {
     float:left!important
@@ -6669,7 +6671,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .float-sm-none {
         float:none!important
     }
-    
+
 }
 @media (min-width:768px) {
     .float-md-left {
@@ -6681,7 +6683,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .float-md-none {
         float:none!important
     }
-    
+
 }
 @media (min-width:992px) {
     .float-lg-left {
@@ -6693,7 +6695,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .float-lg-none {
         float:none!important
     }
-    
+
 }
 @media (min-width:1200px) {
     .float-xl-left {
@@ -6705,7 +6707,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .float-xl-none {
         float:none!important
     }
-    
+
 }
 .user-select-all {
     -webkit-user-select:all!important;
@@ -6768,7 +6770,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
         top:0;
         z-index:1020
     }
-    
+
 }
 .sr-only {
     position:absolute;
@@ -7390,7 +7392,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .ml-sm-auto,.mx-sm-auto {
         margin-left:auto!important
     }
-    
+
 }
 @media (min-width:768px) {
     .m-md-0 {
@@ -7663,7 +7665,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .ml-md-auto,.mx-md-auto {
         margin-left:auto!important
     }
-    
+
 }
 @media (min-width:992px) {
     .m-lg-0 {
@@ -7936,7 +7938,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .ml-lg-auto,.mx-lg-auto {
         margin-left:auto!important
     }
-    
+
 }
 @media (min-width:1200px) {
     .m-xl-0 {
@@ -8209,7 +8211,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .ml-xl-auto,.mx-xl-auto {
         margin-left:auto!important
     }
-    
+
 }
 .stretched-link::after {
     position:absolute;
@@ -8258,7 +8260,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .text-sm-center {
         text-align:center!important
     }
-    
+
 }
 @media (min-width:768px) {
     .text-md-left {
@@ -8270,7 +8272,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .text-md-center {
         text-align:center!important
     }
-    
+
 }
 @media (min-width:992px) {
     .text-lg-left {
@@ -8282,7 +8284,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .text-lg-center {
         text-align:center!important
     }
-    
+
 }
 @media (min-width:1200px) {
     .text-xl-left {
@@ -8294,7 +8296,7 @@ a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
     .text-xl-center {
         text-align:center!important
     }
-    
+
 }
 .text-lowercase {
     text-transform:lowercase!important
@@ -8474,7 +8476,7 @@ a.text-dark:focus,a.text-dark:hover {
         color:inherit;
         border-color:#dee2e6
     }
-    
+
 }
 .navbar .nav-link,.navbar .navbar-brand {
     text-shadow:-1px -1px 0 rgba(0,0,0,.1);