docs: migrate hints to named attributes (#393)

exampleSite/content/en/_includes/include-page.md

@@ -1,6 +1,6 @@
 _**Example page include**_
 
-{{< hint info >}}
+{{< hint type=note >}}
 **Example Shortcode**\
 Shortcode used in an include page.
 {{< /hint >}}

exampleSite/content/en/shortcodes/includes.md

@@ -27,7 +27,7 @@ Attributes:
 
 If no other options are specified, files will be rendered as Markdown using the `RenderString` [function](https://gohugo.io/functions/renderstring/).
 
-{{< hint warning >}}
+{{< hint type=important >}}
 **Location of markdown files**\
 If you include markdown files that should not get a menu entry, place them outside the content folder or exclude them otherwise.
 {{< /hint >}}

exampleSite/content/en/usage/getting-started.md

@@ -88,7 +88,7 @@ curl -L https://github.com/thegeeklab/hugo-geekdoc/releases/latest/download/hugo
 
 ### Option 2: Clone the GitHub repository
 
-{{< hint info >}}
+{{< hint type=note >}}
 **Info**\
 Keep in mind this method is not recommended and needs some extra steps to get it working.
 If you want to use the Theme as submodule keep in mind that your build process need to
@@ -164,7 +164,7 @@ command = "command1 && command 2 && command3 && hugo"
 
 ### Subdirectories
 
-{{< hint danger >}}
+{{< hint type=important >}}
 **Warning**\
 As deploying Hugo sites on subdirectories is not as robust as on subdomains, we do not recommend this.
 If you have a choice, using a domain/subdomain should always be the preferred solution!

exampleSite/content/en/usage/menus.md

@@ -68,7 +68,7 @@ As an advantage you can add [icons](/features/icon-sets/) to your menu entries e
 
 ### More menu
 
-{{< hint ok >}}
+{{< hint type=tip >}}
 **Tip**\
 The more menu is special type of the bundle menu and can be combined with the default file-tree menu.
 {{< /hint >}}

src/sass/_asciidoc.scss

@@ -1,4 +1,3 @@
-// {{< hint >}}
 .admonitionblock {
   @each $name, $color in $hint-colors {
     &.#{$name} {

src/sass/_color_mode.scss

@@ -90,8 +90,8 @@
   --footer-link-color: #{$link-color-footer};
   --footer-link-color-visited: #{$link-color-footer};
 
-  .dark-mode-dim .gdoc-markdown {
-    img {
+  .dark-mode-dim {
+    .gdoc-markdown img {
       filter: brightness(0.75) grayscale(0.2);
     }
   }