update examples button style

Author: Efnilite

src/components/docs/Doc.astro

@@ -108,7 +108,7 @@ function color(): string {
         <div class="id relative -top-37" id={docType.id}></div> <!-- Anchor all the way up or else its in the nav bar -->
     </div>
 
-    <div class="flex flex-col gap-1">
+    <div class="flex flex-col gap-4">
         {docType.description?.map((line: string) => <p><Fragment set:html={line}/></p>)}        
     </div>
 
@@ -127,7 +127,7 @@ function color(): string {
         {[docType.examples]
             .filter(x => x !== null)
             .map(_ => 
-            <button class="examples bg-l-icon-hover dark:bg-d-icon-hover">
+            <button class="examples bg-l-examples dark:bg-d-examples">
                 <svg class="transition my-auto fill-white" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
                     <path d="M8.60627 10.8563L5.88752 8.1375C5.85002 8.1 5.82202 8.0595 5.80352 8.016C5.78502 7.9725 5.77552 7.9255 5.77502 7.875C5.77502 7.775 5.80952 7.6875 5.87852 7.6125C5.94752 7.5375 6.03802 7.5 6.15002 7.5H11.85C11.9625 7.5 12.0533 7.5375 12.1223 7.6125C12.1913 7.6875 12.2255 7.775 12.225 7.875C12.225 7.9 12.1875 7.9875 12.1125 8.1375L9.39377 10.8563C9.33127 10.9188 9.26877 10.9625 9.20627 10.9875C9.14377 11.0125 9.07502 11.025 9.00002 11.025C8.92502 11.025 8.85627 11.0125 8.79377 10.9875C8.73127 10.9625 8.66877 10.9188 8.60627 10.8563Z"/>
                     </svg>
@@ -139,7 +139,7 @@ function color(): string {
             .filter(x => x !== null)
             .toSorted()
             .map(_ => 
-            <button class="eventValues bg-l-icon-hover dark:bg-d-icon-hover">
+            <button class="eventValues bg-l-examples dark:bg-d-examples">
                 <svg class="transition my-auto fill-white" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
                     <path d="M8.60627 10.8563L5.88752 8.1375C5.85002 8.1 5.82202 8.0595 5.80352 8.016C5.78502 7.9725 5.77552 7.9255 5.77502 7.875C5.77502 7.775 5.80952 7.6875 5.87852 7.6125C5.94752 7.5375 6.03802 7.5 6.15002 7.5H11.85C11.9625 7.5 12.0533 7.5375 12.1223 7.6125C12.1913 7.6875 12.2255 7.775 12.225 7.875C12.225 7.9 12.1875 7.9875 12.1125 8.1375L9.39377 10.8563C9.33127 10.9188 9.26877 10.9625 9.20627 10.9875C9.14377 11.0125 9.07502 11.025 9.00002 11.025C8.92502 11.025 8.85627 11.0125 8.79377 10.9875C8.73127 10.9625 8.66877 10.9188 8.60627 10.8563Z"/>
                     </svg>

src/style.css

@@ -37,14 +37,17 @@
     --color-l-search-text: #333333;
     --color-d-search-text: #c2c2c2;
 
-    --color-l-icon-hover: #929292;
+    --color-l-icon-hover: #BEBFBF;
     --color-d-icon-hover: #373737;
 
     --color-l-bg-secondary: #DCDCDC;
     --color-d-bg-secondary: #1a1a1a;
 
     --color-l-border: #BFBFBF;
     --color-d-border: #3A3A3A;
+
+    --color-l-examples: #5A5A5A;
+    --color-d-examples: #373737;
 }
 
 body, p, div, table {