fix: Improve highlight color (#435)

Use a highlight color with better visibility, most relevant for the dark
mode:


Before:
<img width="881" height="174" alt="image"
src="https://github.com/user-attachments/assets/11bef5f0-82b5-4d66-b711-78125f5b7fb2"
/>

After:
<img width="877" height="170" alt="image"
src="https://github.com/user-attachments/assets/536f584e-0082-46c6-aafc-86385f9d54d1"
/>

---------

Co-authored-by: Robert Schuster <77234379+therobrob@users.noreply.github.com>

Author: MoritzWeber0

assets/sass/_variables.scss

@@ -9,9 +9,8 @@ $link-default: #ba3d12;
 $link-special: #000000;
 $bg-default: #ffffff;
 $bg-neutral: #ebe9e1;
-$bg-accent: #ffd900;
-$bg-accent2: #daba00;
-$bg-accent3: #fff284;
+$bg-accent: #ffff00;
+$bg-code: #fff284;
 $color-onLight: #000000;
 $color-table-border: #5b5b5b;
 
@@ -24,8 +23,7 @@ html {
   --bg-default: #{$bg-default};
   --bg-neutral: #{$bg-neutral};
   --bg-accent: #{$bg-accent};
-  --bg-accent2: #{$bg-accent2};
-  --bg-accent3: #{$bg-accent3};
+  --bg-code: #{$bg-code};
   --color-onLight: #{$color-onLight};
   --color-table-border: #{$color-table-border};
   --color-body: rgb(33, 37, 41);
@@ -51,9 +49,6 @@ html[data-theme="dark"] {
   --link-special: #ffffff;
   --bg-default: #151b23;
   --bg-neutral: #0d1117;
-  --bg-accent: #86761a;
-  --bg-accent2: #daba00;
-  --bg-accent3: #fff284;
   --color-onLight: #ffffff;
   --color-table-border: #555;
   --color-body: #e0e0e0;

assets/sass/content.scss

@@ -10,7 +10,7 @@ code {
   font-size: inherit;
   font-weight: 700;
   color: $color-onLight;
-  background-color: var(--bg-accent3);
+  background-color: var(--bg-code);
   padding: 0.2rem 0.8rem;
   border-radius: var(--border-radius-s);
 

assets/sass/search.scss

@@ -127,7 +127,7 @@ $search-z-index: 12;
 
   .pagefind-ui--reset mark {
     background-color: var(--bg-accent);
-    color: var(--color-body);
+    color: black;
   }
 
   button.pagefind-ui__button {

assets/sass/styles.scss

@@ -343,6 +343,7 @@ img {
 .pagefind-highlight {
   padding: 0;
   background-color: var(--bg-accent);
+  color: black;
 }
 
 .sr-only {