diff --git a/source-assets/styles2022/sass/custom/highlight-js.sass b/source-assets/styles2022/sass/custom/highlight-js.sass
index ed3b45e3..a037409c 100644
--- a/source-assets/styles2022/sass/custom/highlight-js.sass
+++ b/source-assets/styles2022/sass/custom/highlight-js.sass
@@ -4,7 +4,7 @@
 // custom/content-mono-verbatim.sass file.
 //
 // Code block styling from John Krug
-// Taken from https://github.com/SUSEdoc/dsc-style-bundle/blob/4e80ca6fc566131ba5ca666385294214bac64256/supplemental-files/rancher/css/site-extra.css#L914-L1013
+// Taken from https://github.com/SUSEdoc/dsc-style-bundle/blob/main/supplemental-files/rancher/css/site-extra.css#L936-L1052
 //
 // Adapted from the GitHub style by Vasily Polovnyov vast@whiteants.net
 
@@ -14,34 +14,38 @@
     display: block
     overflow-x: auto
     padding: 0.5em
-    // color: $c_mint_60
-
-  .hljs-comment
-    color: #eafaf48f
-    font-style: italic
     font-weight: 400
+    // color: $c_mint_60
 
-  .hljs-quote
+  .hljs-comment, .hljs-quote
     color: #eafaf4
     font-style: italic
-    font-weight: 400
 
-  .hljs-selector-tag,
-  .hljs-subst,
-  .hljs-keyword
-    color: #c0efde
-    font-weight: 400
+  .hljs-keyword, .hljs-selector-tag, .hljs-subst
+    color: #90ebcd
+
+  .hljs-literal,
+  .hljs-number,
+  .hljs-tag,
+  .hljs-template-variable,
+  .hljs-variable
+    color: #eafaf4
+  
+  .hljs-tag .hljs-attr,
+  .hljs-tag .hljs-name
+    color: #90ebcd
+  
+  .hljs-attr
+    color: #90ebcd
 
   .hljs-doctag,
   .hljs-string
-    color: #eafaf4b4
-    font-weight: 400
-  
+    color: #eafaf4
+
   .hljs-section,
   .hljs-selector-id,
   .hljs-title
     color: #ffd3bd
-    font-weight: 400
 
   .hljs-subst
     font-weight: 400
@@ -49,39 +53,37 @@
   .hljs-class .hljs-title,
   .hljs-type
     color: #eafaf4
-    font-weight: 400
 
   .hljs-attribute,
   .hljs-name,
-  .hljs-tag,
-  .hljs-attr
+  .hljs-tag
     color: #eafaf4
-    font-weight: 400
+  
+  .hljs-tag
+    color: #90ebcd
 
   .hljs-link,
   .hljs-regexp
     color: #eafaf4
-    font-weight: 400
 
   .hljs-bullet,
   .hljs-symbol
-    color: #ffb184
-    font-weight: 400
+    color: #ffd3bd
 
   .hljs-built_in,
   .hljs-builtin-name
     color: #eafaf4
-    font-weight: 400
 
   .hljs-meta
-    color: #999
-    font-weight: 400
+    color: #ccc
 
   .hljs-deletion
     background: #fdd
+    color: #0c322c
 
   .hljs-addition
     background: #dfd
+    color: #0c322c
 
   .hljs-emphasis
     font-style: italic
diff --git a/suse2022-ns/static/css/style-new.css b/suse2022-ns/static/css/style-new.css
index 19f27477..11d70b8c 100644
--- a/suse2022-ns/static/css/style-new.css
+++ b/suse2022-ns/static/css/style-new.css
@@ -3058,60 +3058,59 @@ article a:hover code {
   .hljs {
     display: block;
     overflow-x: auto;
-    padding: 0.5em; }
-  .hljs-comment {
-    color: #eafaf48f;
-    font-style: italic;
+    padding: 0.5em;
     font-weight: 400; }
-  .hljs-quote {
+  .hljs-comment, .hljs-quote {
     color: #eafaf4;
-    font-style: italic;
-    font-weight: 400; }
-  .hljs-selector-tag,
-  .hljs-subst,
-  .hljs-keyword {
-    color: #c0efde;
-    font-weight: 400; }
+    font-style: italic; }
+  .hljs-keyword, .hljs-selector-tag, .hljs-subst {
+    color: #90ebcd; }
+  .hljs-literal,
+  .hljs-number,
+  .hljs-tag,
+  .hljs-template-variable,
+  .hljs-variable {
+    color: #eafaf4; }
+  .hljs-tag .hljs-attr,
+  .hljs-tag .hljs-name {
+    color: #90ebcd; }
+  .hljs-attr {
+    color: #90ebcd; }
   .hljs-doctag,
   .hljs-string {
-    color: #eafaf4b4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-section,
   .hljs-selector-id,
   .hljs-title {
-    color: #ffd3bd;
-    font-weight: 400; }
+    color: #ffd3bd; }
   .hljs-subst {
     font-weight: 400; }
   .hljs-class .hljs-title,
   .hljs-type {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-attribute,
   .hljs-name,
-  .hljs-tag,
-  .hljs-attr {
-    color: #eafaf4;
-    font-weight: 400; }
+  .hljs-tag {
+    color: #eafaf4; }
+  .hljs-tag {
+    color: #90ebcd; }
   .hljs-link,
   .hljs-regexp {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-bullet,
   .hljs-symbol {
-    color: #ffb184;
-    font-weight: 400; }
+    color: #ffd3bd; }
   .hljs-built_in,
   .hljs-builtin-name {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-meta {
-    color: #999;
-    font-weight: 400; }
+    color: #ccc; }
   .hljs-deletion {
-    background: #fdd; }
+    background: #fdd;
+    color: #0c322c; }
   .hljs-addition {
-    background: #dfd; }
+    background: #dfd;
+    color: #0c322c; }
   .hljs-emphasis {
     font-style: italic; }
   .hljs-strong {
diff --git a/suse2022-ns/static/css/style.css b/suse2022-ns/static/css/style.css
index a2dd3230..f2a527eb 100644
--- a/suse2022-ns/static/css/style.css
+++ b/suse2022-ns/static/css/style.css
@@ -3312,60 +3312,59 @@ article a:hover code {
   .hljs {
     display: block;
     overflow-x: auto;
-    padding: 0.5em; }
-  .hljs-comment {
-    color: #eafaf48f;
-    font-style: italic;
+    padding: 0.5em;
     font-weight: 400; }
-  .hljs-quote {
+  .hljs-comment, .hljs-quote {
     color: #eafaf4;
-    font-style: italic;
-    font-weight: 400; }
-  .hljs-selector-tag,
-  .hljs-subst,
-  .hljs-keyword {
-    color: #c0efde;
-    font-weight: 400; }
+    font-style: italic; }
+  .hljs-keyword, .hljs-selector-tag, .hljs-subst {
+    color: #90ebcd; }
+  .hljs-literal,
+  .hljs-number,
+  .hljs-tag,
+  .hljs-template-variable,
+  .hljs-variable {
+    color: #eafaf4; }
+  .hljs-tag .hljs-attr,
+  .hljs-tag .hljs-name {
+    color: #90ebcd; }
+  .hljs-attr {
+    color: #90ebcd; }
   .hljs-doctag,
   .hljs-string {
-    color: #eafaf4b4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-section,
   .hljs-selector-id,
   .hljs-title {
-    color: #ffd3bd;
-    font-weight: 400; }
+    color: #ffd3bd; }
   .hljs-subst {
     font-weight: 400; }
   .hljs-class .hljs-title,
   .hljs-type {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-attribute,
   .hljs-name,
-  .hljs-tag,
-  .hljs-attr {
-    color: #eafaf4;
-    font-weight: 400; }
+  .hljs-tag {
+    color: #eafaf4; }
+  .hljs-tag {
+    color: #90ebcd; }
   .hljs-link,
   .hljs-regexp {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-bullet,
   .hljs-symbol {
-    color: #ffb184;
-    font-weight: 400; }
+    color: #ffd3bd; }
   .hljs-built_in,
   .hljs-builtin-name {
-    color: #eafaf4;
-    font-weight: 400; }
+    color: #eafaf4; }
   .hljs-meta {
-    color: #999;
-    font-weight: 400; }
+    color: #ccc; }
   .hljs-deletion {
-    background: #fdd; }
+    background: #fdd;
+    color: #0c322c; }
   .hljs-addition {
-    background: #dfd; }
+    background: #dfd;
+    color: #0c322c; }
   .hljs-emphasis {
     font-style: italic; }
   .hljs-strong {