From 043b9d9216d1645ae7fd47005dab8f4b51977104 Mon Sep 17 00:00:00 2001 From: lianahus Date: Tue, 27 Jun 2023 14:23:26 +0200 Subject: [PATCH] fixing dropdown item hover color --- .../src/assets/css/themes/bootstrap-cerulean.min.css | 7 ++++--- .../src/assets/css/themes/bootstrap-cyborg.min.css | 6 +++--- .../src/assets/css/themes/bootstrap-flatly.min.css | 4 +++- .../src/assets/css/themes/bootstrap-spacelab.min.css | 6 +++--- .../remix-ide/src/assets/css/themes/remix-black_undtds.css | 4 ++-- .../remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css | 4 ++-- apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css | 4 ++-- apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css | 4 ++-- .../remix-ide/src/assets/css/themes/remix-light_powaqg.css | 4 ++-- .../src/assets/css/themes/remix-midcentury_hrzph3.css | 4 ++-- apps/remix-ide/src/assets/css/themes/remix-unicorn.css | 4 ++-- apps/remix-ide/src/assets/css/themes/remix-violet.css | 4 ++-- libs/remix-ui/run-tab/src/lib/css/run-tab.css | 5 ----- 13 files changed, 29 insertions(+), 31 deletions(-) diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css index 60516001cb6..0af480056f8 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cerulean.min.css @@ -2833,9 +2833,10 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- border:0 } .dropdown-item:focus,.dropdown-item:hover { - color:#fff; - text-decoration:none; - background-color:#2fa4e7 + color: var(--text); + text-decoration: none; + background-color: var(--secondary); + } } .dropdown-item.active,.dropdown-item:active { color:#fff; diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css index 58439d77650..e2395667b52 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-cyborg.min.css @@ -2834,9 +2834,9 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- border:0 } .dropdown-item:focus,.dropdown-item:hover { - color:#fff; - text-decoration:none; - background-color:#2a9fd6 + color: var(--text); + text-decoration: none; + background-color: var(--secondary); } .dropdown-item.active,.dropdown-item:active { color:#fff; diff --git a/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css b/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css index 0e4e5caacc4..30a639ca4db 100644 --- a/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css +++ b/apps/remix-ide/src/assets/css/themes/bootstrap-flatly.min.css @@ -2691,7 +2691,9 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- display:block; width:100%; padding:.25rem 1.5rem; clear:both; font-weight:400; color:#7b8a8b; text-align:inherit; white-space:nowrap; background-color:transparent; border:0 } .dropdown-item:focus,.dropdown-item:hover { - color:#fff; text-decoration:none; background-color:#2c3e50 + color: var(--text); + text-decoration: none; + background-color: var(--secondary); } .dropdown-item.active,.dropdown-item:active { color:#fff; text-decoration:none; background-color:#2c3e50 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 df3d279eebd..99373822ebb 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 @@ -2836,9 +2836,9 @@ input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn- border:0 } .dropdown-item:focus,.dropdown-item:hover { - color:#202020; - text-decoration:none; - background-color:#f8f9fa + color: var(--text); + text-decoration: none; + background-color: var(--secondary); } .dropdown-item.active,.dropdown-item:active { color:#fff; diff --git a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css index cbe4d36c70c..0242c30155f 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css +++ b/apps/remix-ide/src/assets/css/themes/remix-black_undtds.css @@ -2894,9 +2894,9 @@ input[type="submit"].btn-block { } .dropdown-item:focus, .dropdown-item:hover { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css b/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css index 5a3d99ae16c..99e367a6256 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css +++ b/apps/remix-ide/src/assets/css/themes/remix-candy_ikhg4m.css @@ -3165,9 +3165,9 @@ input[type="button"].btn-block { } .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css index d2f8994f232..63451df9f94 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css +++ b/apps/remix-ide/src/assets/css/themes/remix-dark_tvx1s2.css @@ -2889,9 +2889,9 @@ input[type="submit"].btn-block { } .dropdown-item:focus, .dropdown-item:hover { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css index ffff0aa7e81..1f56d797f7f 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css +++ b/apps/remix-ide/src/assets/css/themes/remix-hacker_owl.css @@ -2903,9 +2903,9 @@ input[type="submit"].btn-block { } .dropdown-item:focus, .dropdown-item:hover { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css index c61baed8b86..8ba6a88f05a 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css +++ b/apps/remix-ide/src/assets/css/themes/remix-light_powaqg.css @@ -3161,9 +3161,9 @@ input[type="button"].btn-block { } .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css b/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css index c9f0eabb355..5df1a16a34b 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css +++ b/apps/remix-ide/src/assets/css/themes/remix-midcentury_hrzph3.css @@ -3167,9 +3167,9 @@ input[type="button"].btn-block { } .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-unicorn.css b/apps/remix-ide/src/assets/css/themes/remix-unicorn.css index aa3a3b7397f..cf627d02c01 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-unicorn.css +++ b/apps/remix-ide/src/assets/css/themes/remix-unicorn.css @@ -3165,9 +3165,9 @@ input[type="button"].btn-block { } .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; + color: var(--text) !important; text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/apps/remix-ide/src/assets/css/themes/remix-violet.css b/apps/remix-ide/src/assets/css/themes/remix-violet.css index 1818707fcbd..0b3f629e819 100644 --- a/apps/remix-ide/src/assets/css/themes/remix-violet.css +++ b/apps/remix-ide/src/assets/css/themes/remix-violet.css @@ -3161,9 +3161,9 @@ input[type="button"].btn-block { } .dropdown-item:hover, .dropdown-item:focus { - color: #16181b; + color: var(--text); text-decoration: none; - background-color: #f8f9fa; + background-color: var(--secondary); } .dropdown-item.active, .dropdown-item:active { diff --git a/libs/remix-ui/run-tab/src/lib/css/run-tab.css b/libs/remix-ui/run-tab/src/lib/css/run-tab.css index 86176155128..220180cece1 100644 --- a/libs/remix-ui/run-tab/src/lib/css/run-tab.css +++ b/libs/remix-ui/run-tab/src/lib/css/run-tab.css @@ -524,11 +524,6 @@ padding: 0.25rem 0.25rem; width:auto; } -.dropdown-item.hover, .dropdown-item:hover { - color: #fff; - text-decoration: none; - background-color: #007aa6; -} .udapp_selectExEnvOptions { width: 100%; }