diff --git a/src/media/css/template.css b/src/media/css/template.css
index e00fb34..512d96d 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -342,8 +342,10 @@ pre code {
 
 code {
 	font-size: 0.875em;
-	color: var(--code-color);
+	color: var(--code-color, black);
 	word-wrap: break-word;
+	padding: calc(var(--padding-x, 0.15rem) * 3);
+	background-color: var(--code-bg-color, lightgreen);
 }
 
 a>code {
@@ -5394,8 +5396,7 @@ fieldset:disabled .btn {
 	float: left;
 	padding-right: var(--breadcrumb-item-padding-x);
 	color: var(--breadcrumb-divider-color);
-	content: var(--breadcrumb-divider, "/")
-		/* rtl: var(--breadcrumb-divider, "/") */
+	content: var(--breadcrumb-divider, "\00a0/\00a0");
 	;
 }
 
@@ -17010,10 +17011,6 @@ html.component body{
 	padding-top: 3.125rem;
 }
 
-code {
-	background-color: var(--gab-gray1);
-}
-
 #view_gabble {
 	background-color: var(--gab-blue);
 	padding: 0.375rem;
@@ -19455,12 +19452,6 @@ nav[data-toggle=toc] .nav-link.active+ul{
 	align-items: center;
 }
 
-.mod-breadcrumbs__item:not(:last-child)::after {
-	content: "/";
-	margin-left: 0.5rem;
-	color: var(--gray-500);
-}
-
 .mod-breadcrumbs__link {
 	color: var(--link-color);
 	text-decoration: none;
diff --git a/src/media/css/theme/dark.standard.css b/src/media/css/theme/dark.standard.css
index b9dc5c7..6f8929c 100644
--- a/src/media/css/theme/dark.standard.css
+++ b/src/media/css/theme/dark.standard.css
@@ -43,11 +43,6 @@ color-scheme: dark;
 --link-hover-color-rgb: 195, 214, 255;
 --link-active-color: var(--link-color);
 
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
 /* ===== NAVBAR ===== */
 --navbar-padding-x: 1rem;
 --navbar-padding-y: 0.5rem;
@@ -93,8 +88,9 @@ color-scheme: dark;
 --tertiary-color: #e6ebf180;
 --tertiary-color-rgb: 230, 235, 241;
 --muted-color: #6d757e;
---code-color: #ff7abd;
+--code-color: black;
 --code-color-ink: var(--code-color, #e93f8e);
+--code-bg-color: lightgreen;
 --highlight-color: #111;
 --highlight-bg: #ffe28a1a;
 
diff --git a/src/media/css/theme/light.standard.css b/src/media/css/theme/light.standard.css
index 5f8c934..87a4e10 100644
--- a/src/media/css/theme/light.standard.css
+++ b/src/media/css/theme/light.standard.css
@@ -42,11 +42,6 @@ color-scheme: light;
 --link-hover-color-rgb: 66, 64, 119;
 --link-active-color: var(--link-color);
 
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
 /* ===== NAVBAR ===== */
 --navbar-padding-x: 1rem;
 --navbar-padding-y: 0.5rem;
@@ -92,8 +87,9 @@ color-scheme: light;
 --tertiary-color: #22262a80;
 --tertiary-color-rgb: 34, 38, 42;
 --muted-color: #6d757e;
---code-color: #e93f8e;
+--code-color: black;
 --code-color-ink: var(--code-color, #e93f8e);
+--code-bg-color: lightgreen;
 --highlight-color: #22262a;
 --highlight-bg: #fbeea8;
 
diff --git a/src/templates/dark.custom.css b/src/templates/dark.custom.css
index fea9660..daa05e8 100644
--- a/src/templates/dark.custom.css
+++ b/src/templates/dark.custom.css
@@ -43,11 +43,6 @@ color-scheme: dark;
 --link-hover-color-rgb: 195, 214, 255;
 --link-active-color: var(--link-color);
 
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
 /* ===== NAVBAR ===== */
 --navbar-padding-x: 1rem;
 --navbar-padding-y: 0.5rem;
diff --git a/src/templates/light.custom.css b/src/templates/light.custom.css
index 378830d..b91319e 100644
--- a/src/templates/light.custom.css
+++ b/src/templates/light.custom.css
@@ -42,11 +42,6 @@ color-scheme: light;
 --link-hover-color-rgb: 66, 64, 119;
 --link-active-color: var(--link-color);
 
-/* ===== OFFCANVAS ===== */
---offcanvas-color: var(--body-color);
---offcanvas-padding-x: 1rem;
---offcanvas-padding-y: 1rem;
-
 /* ===== NAVBAR ===== */
 --navbar-padding-x: 1rem;
 --navbar-padding-y: 0.5rem;