docs: Add a light border to h2s (#24554)

Danilo Leal created 

I was finding hard to navigate the "Configuring Zed" page with just
white space creating a boundary between the different chunks of content.
I think a slight border below the h2 heading helps a lot with that!

Release Notes:

- N/A

Change summary

docs/theme/css/general.css   | 6 ++++++
docs/theme/css/variables.css | 2 +-
2 files changed, 7 insertions(+), 1 deletion(-)

Detailed changes

docs/theme/css/general.css 🔗 

@@ -79,6 +79,12 @@ h6 code {
   display: none !important;
 }
 
+h2 {
+  padding-bottom: 1rem;
+  border-bottom: 1px solid;
+  border-color: var(--border-light);
+}
+
 h2,
 h3 {
   margin-block-start: 1.5em;

docs/theme/css/variables.css 🔗 

@@ -98,7 +98,7 @@
   --title-color: hsl(220, 92%, 80%);
 
   --border: hsl(220, 13%, 20%);
-  --border-light: hsl(220, 13%, 90%);
+  --border-light: hsl(220, 13%, 15%);
   --border-hover: hsl(220, 13%, 40%);
 
   --media-bg: hsl(220, 13%, 8%);