polish keywork shortcode

exampleSite/config/_default/params.toml

@@ -44,7 +44,7 @@ smartTOCHideUnfocusedChildren = false
   showMoreLinkDest = "docs"
   cardView = false
   cardViewScreenWidth = false
-  layoutBackgroundBlur = false # only used when layout equals background
+  layoutBackgroundBlur = true # only used when layout equals background
 
 [article]
   showDate = false

exampleSite/content/docs/shortcodes/index.md

@@ -392,13 +392,22 @@ The `keyword` component can be used to visually highlight certain important word
 
 The input is written in Markdown so you can format it however you please.
 
-**Example:**
+**Example1 :**
+
+```md
+{{</* keyword */>}} Super skill {{</* /keyword */>}}
+```
+
+{{< keyword >}} *Standalone* skill {{< /keyword >}}
+
+**Example2 :**
 
 ```md
 {{</* keywordList */>}}
 {{</* keyword icon="github" */>}} Lorem ipsum dolor. {{</* /keyword */>}}
 {{</* keyword icon="code" */>}} **Important** skill {{</* /keyword */>}}
 {{</* /keywordList */>}}
+
 {{</* keyword */>}} *Standalone* skill {{</* /keyword */>}}
 ```
 

exampleSite/content/samples/icons/index.md

@@ -37,6 +37,7 @@ The full list of built-in icons and their corresponding names can referenced bel
 | edit                 | {{< icon edit >}}                 |
 | email                | {{< icon email >}}                |
 | envelope             | {{< icon envelope >}}             |
+| expand               | {{< icon expand >}}               |
 | eye                  | {{< icon eye >}}                  |
 | facebook             | {{< icon facebook >}}             |
 | fire                 | {{< icon fire >}}                 |

layouts/shortcodes/keyword.html

@@ -1,7 +1,7 @@
 {{ $icon := .Get "icon"}}
 <div class="flex mt-2">
 <span
-  class="rounded-full bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 px-1.5 py-[1px] text-xs font-normal"
+  class="rounded-full bg-primary-500 dark:bg-primary-400 text-neutral-50 dark:text-neutral-800 px-1.5 py-[1px] text-xs font-normal"
 >
   <span class="flex flex-row items-center">
     {{if $icon}}