From d0e961838cd2befc55f8405461f1946234c9594e Mon Sep 17 00:00:00 2001
From: Cameron Redmore <cameron@redmore.me>
Date: Fri, 13 Dec 2024 20:00:58 +0000
Subject: [PATCH] Create custom-browser-pane-margin-and-rounding.css

---
 custom-browser-pane-margin-and-rounding.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 custom-browser-pane-margin-and-rounding.css

diff --git a/custom-browser-pane-margin-and-rounding.css b/custom-browser-pane-margin-and-rounding.css
new file mode 100644
index 0000000..fc31147
--- /dev/null
+++ b/custom-browser-pane-margin-and-rounding.css
@@ -0,0 +1,19 @@
+/* Add slight margin, rounding and outline to Browser pane */
+#tabbrowser-tabbox browser {
+   --border-size: 0.5px;
+   --margin-size-top-left: 2px;
+   --margin-size-bottom-right: 6px;
+   --rounding-size: 8px;
+
+   border: var(--border-size) solid rgba(255,255,255,0.15);
+   margin: var(--margin-size-top-left) var(--margin-size-bottom-right) var(--margin-size-bottom-right) var(--margin-size-top-left);
+   border-radius: var(--rounding-size);
+}
+
+.browserContainer {
+   background: var(--toolbox-bgcolor);
+
+   &:-moz-window-inactive {
+      background: var(--toolbox-bgcolor-inactive);
+   }
+}