add missing css variable for dropdown menu

apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css

@@ -34,6 +34,7 @@
     --dark:#343a40;
     --body-bg: #fff;
     --text-bg-mark: #fcf8e3;
+    --custom-select: #fff;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;
@@ -435,25 +436,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;
@@ -873,7 +874,7 @@ pre code {
     .offset-sm-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:768px) {
     .col-md {
@@ -1075,7 +1076,7 @@ pre code {
     .offset-md-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:992px) {
     .col-lg {
@@ -1277,7 +1278,7 @@ pre code {
     .offset-lg-11 {
         margin-left:91.666667%
     }
-    
+
 }
 @media (min-width:1200px) {
     .col-xl {
@@ -1479,7 +1480,7 @@ pre code {
     .offset-xl-11 {
         margin-left:91.666667%
     }
-    
+
 }
 .table {
     width:100%;
@@ -1662,7 +1663,7 @@ pre code {
     .table-responsive-sm>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:767.98px) {
     .table-responsive-md {
@@ -1674,7 +1675,7 @@ pre code {
     .table-responsive-md>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:991.98px) {
     .table-responsive-lg {
@@ -1686,7 +1687,7 @@ pre code {
     .table-responsive-lg>.table-bordered {
         border:0
     }
-    
+
 }
 @media (max-width:1199.98px) {
     .table-responsive-xl {
@@ -1698,7 +1699,7 @@ pre code {
     .table-responsive-xl>.table-bordered {
         border:0
     }
-    
+
 }
 .table-responsive {
     display:block;
@@ -1728,7 +1729,7 @@ pre code {
     .form-control {
         transition:none
     }
-    
+
 }
 .form-control::-ms-expand {
     background-color:transparent;
@@ -2114,7 +2115,7 @@ textarea.form-control {
     .form-inline .custom-control-label {
         margin-bottom:0
     }
-    
+
 }
 .btn {
     display:inline-block;
@@ -2138,7 +2139,7 @@ textarea.form-control {
     .btn {
         transition:none
     }
-    
+
 }
 .btn:hover {
     color:#495057;
@@ -2626,7 +2627,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .fade {
         transition:none
     }
-    
+
 }
 .fade:not(.show) {
     opacity:0
@@ -2644,7 +2645,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
     .collapsing {
         transition:none
     }
-    
+
 }
 .dropdown,.dropleft,.dropright,.dropup {
     position:relative
@@ -2701,7 +2702,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 {
@@ -2712,7 +2713,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 {
@@ -2723,7 +2724,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 {
@@ -2734,7 +2735,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         right:0;
         left:auto
     }
-    
+
 }
 .dropup .dropdown-menu {
     top:auto;
@@ -3190,7 +3191,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;
@@ -3356,7 +3357,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:#cfeaf9
@@ -3386,7 +3387,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:#cfeaf9
@@ -3418,7 +3419,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:#cfeaf9
@@ -3463,7 +3464,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;
@@ -3629,7 +3630,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 {
@@ -3662,14 +3663,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 {
@@ -3702,14 +3703,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 {
@@ -3742,14 +3743,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 {
@@ -3782,7 +3783,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;
@@ -4010,7 +4011,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
@@ -4051,7 +4052,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
@@ -4071,7 +4072,7 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-
         display:inline-block;
         width:100%
     }
-    
+
 }
 .accordion {
     overflow-anchor:none
@@ -4218,7 +4219,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
@@ -4341,7 +4342,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     .jumbotron {
         padding:4rem 2rem
     }
-    
+
 }
 .jumbotron-fluid {
     padding-right:0;
@@ -4467,7 +4468,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     to {
         background-position:0 0
     }
-    
+
 }
 @keyframes progress-bar-stripes {
     from {
@@ -4476,7 +4477,7 @@ a.badge-dark.focus,a.badge-dark:focus {
     to {
         background-position:0 0
     }
-    
+
 }
 .progress {
     display:-ms-flexbox;
@@ -4506,7 +4507,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);
@@ -4521,7 +4522,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         -webkit-animation:none;
         animation:none
     }
-    
+
 }
 .media {
     display:-ms-flexbox;
@@ -4637,7 +4638,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:768px) {
     .list-group-horizontal-md {
@@ -4663,7 +4664,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:992px) {
     .list-group-horizontal-lg {
@@ -4689,7 +4690,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 @media (min-width:1200px) {
     .list-group-horizontal-xl {
@@ -4715,7 +4716,7 @@ a.badge-dark.focus,a.badge-dark:focus {
         margin-left:-1px;
         border-left-width:1px
     }
-    
+
 }
 .list-group-flush {
     border-radius:0
@@ -4930,7 +4931,7 @@ a.close.disabled {
     .modal.fade .modal-dialog {
         transition:none
     }
-    
+
 }
 .modal.show .modal-dialog {
     -webkit-transform:none;
@@ -5086,19 +5087,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;
@@ -5365,7 +5366,7 @@ a.close.disabled {
     .carousel-item {
         transition:none
     }
-    
+
 }
 .carousel-item-next,.carousel-item-prev,.carousel-item.active {
     display:block
@@ -5397,7 +5398,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;
@@ -5420,7 +5421,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;
@@ -5482,7 +5483,7 @@ a.close.disabled {
     .carousel-indicators li {
         transition:none
     }
-    
+
 }
 .carousel-indicators .active {
     opacity:1
@@ -5503,14 +5504,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;
@@ -5538,7 +5539,7 @@ a.close.disabled {
         -webkit-transform:none;
         transform:none
     }
-    
+
 }
 @keyframes spinner-grow {
     0% {
@@ -5550,7 +5551,7 @@ a.close.disabled {
         -webkit-transform:none;
         transform:none
     }
-    
+
 }
 .spinner-grow {
     display:inline-block;
@@ -5794,7 +5795,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 {
@@ -5826,7 +5827,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 {
@@ -5858,7 +5859,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 {
@@ -5890,7 +5891,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 {
@@ -5922,7 +5923,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;
@@ -6229,7 +6230,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 {
@@ -6368,7 +6369,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 {
@@ -6507,7 +6508,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 {
@@ -6646,7 +6647,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
@@ -6667,7 +6668,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 {
@@ -6679,7 +6680,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 {
@@ -6691,7 +6692,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 {
@@ -6703,7 +6704,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;
@@ -6766,7 +6767,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;
@@ -7388,7 +7389,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 {
@@ -7661,7 +7662,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 {
@@ -7934,7 +7935,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 {
@@ -8207,7 +8208,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;
@@ -8256,7 +8257,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 {
@@ -8268,7 +8269,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 {
@@ -8280,7 +8281,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 {
@@ -8292,7 +8293,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
@@ -8472,7 +8473,7 @@ a.text-dark:focus,a.text-dark:hover {
         color:inherit;
         border-color:#dee2e6
     }
-    
+
 }
 .bg-primary {
     background-image:linear-gradient(#54b4eb,#2fa4e7 60%,#1d9ce5);

apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css

@@ -9,8 +9,7 @@
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-*/@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;
+*/@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);
-700&display=swap);
 :root {
     --blue:#2a9fd6;
     --indigo:#6610f2;
@@ -36,6 +35,7 @@
     --dark:#adafae;
     --body-bg: #060606;
     --text-bg-mark: #fcf8e3;
+    --custom-select: #fff;
     --breakpoint-xs:0;
     --breakpoint-sm:576px;
     --breakpoint-md:768px;