fix: DC-4710 code color (#7056)

carlagn · web-flow · commit 1c125b97fa36 · 2025-08-05T12:50:00.000+01:00
* Update code bg/color in content

* Fix more bg and color
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -429,8 +429,9 @@ table {
 }
 
 table code {
-  color: var(--main-font-color);
   line-height: 24px;
+  color: var(--secondary-font-color);
+  background-color: var(--code-inline-bgd-color);
 }
 
 table * {
@@ -1558,9 +1559,16 @@ code {
   border: none !important;
 }
 
+code:not(pre > code) {
+  color: var(--secondary-font-color);
+  background-color: var(--code-inline-bgd-color);
+}
+
 .anchor code {
   font-size: inherit;
   display: inline-block;
+  color: var(--primary-font-color);
+  background-color: var(--code-inline-bgd-color);
 }
 
 .videoWrapper {
diff --git a/src/theme/CodeBlock/Content/styles.module.scss b/src/theme/CodeBlock/Content/styles.module.scss
@@ -3,6 +3,7 @@
   /* rtl:ignore */
   direction: ltr;
   border-radius: inherit;
+  margin-bottom: 1em;
 }
 
 .codeBlockTitle {

Original file line number	Diff line number	Diff line change
`@@ -429,8 +429,9 @@ table {`
`429`	`429`	`}`
`430`	`430`
`431`	`431`	`table code {`
`432`		`- color: var(--main-font-color);`
`433`	`432`	`line-height: 24px;`
	`433`	`+ color: var(--secondary-font-color);`
	`434`	`+ background-color: var(--code-inline-bgd-color);`
`434`	`435`	`}`
`435`	`436`
`436`	`437`	`table * {`
`@@ -1558,9 +1559,16 @@ code {`
`1558`	`1559`	`border: none !important;`
`1559`	`1560`	`}`
`1560`	`1561`
	`1562`	`+code:not(pre > code) {`
	`1563`	`+ color: var(--secondary-font-color);`
	`1564`	`+ background-color: var(--code-inline-bgd-color);`
	`1565`	`+}`
	`1566`	`+`
`1561`	`1567`	`.anchor code {`
`1562`	`1568`	`font-size: inherit;`
`1563`	`1569`	`display: inline-block;`
	`1570`	`+ color: var(--primary-font-color);`
	`1571`	`+ background-color: var(--code-inline-bgd-color);`
`1564`	`1572`	`}`
`1565`	`1573`
`1566`	`1574`	`.videoWrapper {`