From df28626b8a26e90646e989e823eaa23a62628d54 Mon Sep 17 00:00:00 2001
From: Raymundo Salazar <rsalazar@vittilog.com>
Date: Fri, 30 Jan 2026 11:55:27 -0600
Subject: [PATCH 1/3] feat(skypack): add background color to skypack header for
 improved visibility on dependencies sidebar section

---
 src/css/skypack.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/skypack.css b/src/css/skypack.css
index e487a520..463cce82 100644
--- a/src/css/skypack.css
+++ b/src/css/skypack.css
@@ -4,6 +4,7 @@
     top: 0;
     z-index: 1;
     padding-top: 1em;
+    background-color: var(--aside-bar-background);
   }
 
   & .skypack-type {

From 2c611728bf2197b6773f537e6c1cd969287f1841 Mon Sep 17 00:00:00 2001
From: Raymundo Salazar <rsalazar@vittilog.com>
Date: Fri, 30 Jan 2026 11:58:46 -0600
Subject: [PATCH 2/3] style(console): update background color and padding for
 console header

---
 src/css/console.css | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/src/css/console.css b/src/css/console.css
index 8c9c642a..bd54fb38 100644
--- a/src/css/console.css
+++ b/src/css/console.css
@@ -4,6 +4,8 @@
     top: 0;
     z-index: 1;
     padding-top: 1em;
+    background-color: var(--aside-bar-background);
+    padding-bottom: 8px;
   }
 
   & .console-type {
@@ -45,7 +47,7 @@
       background: rgb(235, 189, 189);
       border: 2px solid rgb(204, 0, 0);
       color: black;
-      padding-top: 0.5em
+      padding-top: 0.5em;
     }
 
     & .error::before {
@@ -55,51 +57,51 @@
     }
 
     & .log-log {
-      color: var(--log-log)
+      color: var(--log-log);
     }
 
     & .log-info {
-      color: var(--log-info)
+      color: var(--log-info);
     }
 
     & .log-error {
-      color: var(--log-error)
+      color: var(--log-error);
     }
 
     & .log-warn {
-      color: var(--log-warn)
+      color: var(--log-warn);
     }
 
     & .log-debug {
-      color: var(--log-debug, #ab47bc)
+      color: var(--log-debug, #ab47bc);
     }
 
     & .log-table {
-      color: var(--log-table, #66bb6a)
+      color: var(--log-table, #66bb6a);
     }
 
     & .log-count {
-      color: var(--log-count, #26c6da)
+      color: var(--log-count, #26c6da);
     }
 
     & .log-trace {
-      color: var(--log-trace, #8d6e63)
+      color: var(--log-trace, #8d6e63);
     }
 
     & .log-dir {
-      color: var(--log-dir, #78909c)
+      color: var(--log-dir, #78909c);
     }
 
     & .log-dirxml {
-      color: var(--log-dirxml, #78909c)
+      color: var(--log-dirxml, #78909c);
     }
 
     & .log-time {
-      color: var(--log-time, #ffd54f)
+      color: var(--log-time, #ffd54f);
     }
 
     & .log-assert {
-      color: var(--log-assert, #ff7043)
+      color: var(--log-assert, #ff7043);
     }
   }
 
@@ -137,17 +139,17 @@
   }
 
   .console-fn::before {
-    content: "ƒ ";
+    content: 'ƒ ';
     font-style: italic;
     color: #ce9178;
   }
 
   .console-async-fn::before {
-    content: "async ƒ ";
+    content: 'async ƒ ';
   }
 
   .console-generator-fn::before {
-    content: "ƒ* ";
+    content: 'ƒ* ';
   }
 
   .console-badge {

From 8e7f238d5c2883681c8e26e94a69659eabafaa87 Mon Sep 17 00:00:00 2001
From: Raymundo Salazar <rsalazar@vittilog.com>
Date: Fri, 30 Jan 2026 11:59:36 -0600
Subject: [PATCH 3/3] style(history): update background color and padding for
 history header

---
 src/css/history.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/css/history.css b/src/css/history.css
index 3963cf4a..a00b085a 100644
--- a/src/css/history.css
+++ b/src/css/history.css
@@ -5,6 +5,8 @@
     z-index: 1;
     padding-top: 1em;
     padding-left: 0.5em;
+    background-color: var(--aside-bar-background);
+    padding-bottom: 8px;
   }
 
   & .history-item {
@@ -37,7 +39,9 @@
       color: #fff;
       cursor: pointer;
       padding: 6px 8px 6px 6px;
-      transition: 0.2s ease background-color, 0.2s ease scale;
+      transition:
+        0.2s ease background-color,
+        0.2s ease scale;
       border-radius: 4px;
 
       &:hover {
@@ -129,7 +133,9 @@
         gap: 6px;
 
         & button {
-          transition: 0.2s ease opacity, 0.2s ease scale;
+          transition:
+            0.2s ease opacity,
+            0.2s ease scale;
           border: none;
           background: none;
           color: #fff;
@@ -149,10 +155,8 @@
             width: 18px;
             height: 18px;
           }
-
         }
       }
     }
-
   }
-}
\ No newline at end of file
+}