more css updates

Author: Aniket-Engg

apps/remix-ide/src/app/components/styles/bottom-bar.css

@@ -114,19 +114,13 @@
 }
 
 .bottom-bar .debug-btn.btn-secondary:hover:not(:disabled) {
-    background-color: var(--bs-primary, #0d6efd);
+    background-color: var(--bs-btn-bg);
     color: white;
     transform: translateY(-1px);
 }
 
-.bottom-bar .debug-btn.btn-primary {
-    background-color: var(--bs-primary, #0d6efd);
-    color: white;
-    font-weight: 700;
-}
-
 .bottom-bar .debug-btn.btn-primary:hover:not(:disabled) {
-    filter: brightness(1.15);
+    /* filter: brightness(1.15); */
     transform: translateY(-1px);
 }
 

libs/remix-ui/debugger-ui/src/lib/debug-layout/debug-layout.css

@@ -343,7 +343,7 @@
     display: flex;
     align-items: center;
     padding: 2px 5px;
-    height: 24px;
+    height: 22px;
     font-size: 11px;
     border: none;
     border-radius: 10px;
@@ -377,7 +377,6 @@
 /* JSON Renderer Styles */
 .json-renderer {
   font-size: 0.75rem;
-  font-family: 'Courier New', monospace;
   line-height: 1.6;
   padding: 0.75rem;
   padding-bottom: 0;
@@ -421,8 +420,7 @@
 }
 
 .json-key {
-  color: #20c997;
-  font-weight: 600;
+  color: rgba(var(--bs-secondary-rgb), var(1)) !important;
   word-wrap: break-word;
   word-break: break-word;
   overflow-wrap: break-word;
@@ -435,7 +433,7 @@
 }
 
 .json-value {
-  color: #ffc107;
+  color: var(--bs-warning);
   font-weight: 500;
   word-wrap: break-word;
   word-break: break-word;

libs/remix-ui/debugger-ui/src/lib/debug-layout/debug-layout.tsx

@@ -575,8 +575,8 @@ export const DebugLayout = ({
                   </>
                 )}
               </span>
-              {/* Navigation action buttons */}
-              {!scope.isSenderNode && (opcode === 'CALL' || opcode === 'DELEGATECALL' || opcode === 'STATICCALL' ||
+              {/* Navigation action buttons - show for external calls and parent calls with children */}
+              {!scope.isSenderNode && (hasChildren || opcode === 'CALL' || opcode === 'DELEGATECALL' || opcode === 'STATICCALL' ||
                 opcode === 'CREATE' || opcode === 'CREATE2' || callTypeLabel === 'INTERNAL') && (
                 <div className="call-trace-actions">
                   {scope.firstStep !== undefined && (
@@ -585,7 +585,9 @@ export const DebugLayout = ({
                       onClick={(e) => {
                         e.stopPropagation()
                         if (stepManager && stepManager.jumpTo) {
-                          stepManager.jumpTo(scope.firstStep + 2) // After the JUMPDEST
+                          // Use functionEntryStep if available (skips dispatcher), otherwise use firstStep
+                          const stepToJump = scope.functionEntryStep !== undefined ? scope.functionEntryStep : scope.firstStep
+                          stepManager.jumpTo(stepToJump)
                         }
                       }}
                     >
@@ -780,19 +782,17 @@ export const DebugLayout = ({
       ? receipt.logs
       : 'No events emitted'
 
-    const objectData: any = {
-      parameters: parameters,
-      returnValues: returnValues
-    }
-
     // Debug logging
     console.log('[DebugLayout] solidityLocals:', solidityLocals)
     console.log('[DebugLayout] solidityState:', solidityState)
 
-    // Always add locals and state sections
-    // Show empty object if no data, or the actual data
-    objectData.locals = solidityLocals || 'No local variables at current step'
-    objectData.state = solidityState || 'No state variables at current step'
+    // Build objectData with returnValues at the end
+    const objectData: any = {
+      parameters: parameters,
+      locals: solidityLocals || 'No local variables at current step',
+      state: solidityState || 'No state variables at current step',
+      returnValues: returnValues
+    }
 
     if (activeObjectTab === 'json') {
       return (