diff --git a/src/components/debug-modal/debug-modal.css b/src/components/debug-modal/debug-modal.css index e765c65d485..1125bf45860 100644 --- a/src/components/debug-modal/debug-modal.css +++ b/src/components/debug-modal/debug-modal.css @@ -30,8 +30,10 @@ border-radius: 8px 8px 0 0; justify-content: space-between; align-items: center; - padding: 10px; - background-color: $ui-green; + padding: 8px; + padding-left: 12px; + padding-right: 12px; + background-color: $ui-green-2; } .header-title { @@ -85,7 +87,7 @@ .nextIcon { position: absolute; cursor: pointer; - right: -26px; + right: -24px; top: 50%; } @@ -98,7 +100,8 @@ display: flex; gap: 8px; align-items: center; - padding: 10px; + padding: 8px; + padding-left: 12px; font-size: 1rem; line-height: 1.5rem; color: $ui-green;; diff --git a/src/css/colors.css b/src/css/colors.css index 058c078a102..538d4e8d032 100644 --- a/src/css/colors.css +++ b/src/css/colors.css @@ -13,6 +13,7 @@ $ui-black-transparent: hsla(0, 0%, 0%, 0.15); /* 15% transparent version of blac $ui-black-transparent-10: hsla(0, 0%, 0%, 0.10); /* 10% transparent version of black */ $ui-green: hsla(163, 85%, 35%, 1); /* #0DA57A */ +$ui-green-2: hsla(163, 85%, 40%, 1); /* #0FBD8C */ $text-primary: hsla(225, 15%, 40%, 1); /* #575E75 */ $text-primary-transparent: hsla(225, 15%, 40%, 0.75);