Adjust accordion style

assets/scss/theme/theme.scss

@@ -74,3 +74,12 @@
         }
     }
 }
+
+.accordion-theme {
+    --bs-accordion-btn-padding-x: 0;
+    --bs-accordion-btn-focus-border-color: none;
+    --bs-accordion-btn-focus-box-shadow: none;
+    --bs-accordion-body-padding-x: 0;
+    --bs-accordion-active-color:  var(--bs-primary-text);
+    --bs-accordion-active-bg: none;
+}

content/en/docs/0.9/getting-started/hosting-and-deployment.md

@@ -85,7 +85,7 @@ Deploy your site to Azure blob storage in six steps.
 {{< /carousel >}}
 
 <!-- markdownlint-disable MD037 -->
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="Step 1. Create a storage account" >}}
     If not done so already, sign up for an account on the [Azure website]({{< param "links.azure" >}}). Log in to the Azure portal and create a storage account. The storage account needs to have a unique name across Azure. Select a region that best fits your needs. Leave all other options to their default value.
   {{< /accordion-item >}}
@@ -177,7 +177,7 @@ Sign up for Netlify and configure your site in seven steps.
   {{< img src="img/netlify-step7.png" caption="Step 7. Configure the build settings" >}}
 {{< /carousel >}}
 
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="Step 1. Sign up for Netlify" >}}
     Go to [netlify.com]({{< param "links.netlify" >}}) and click on the button `Sign up`. Select your preferred signup method next. This will likely be a hosted Git provider, although you also have the option to sign up with an email address. The next steps use GitHub, but other Git providers will follow a similar process.
   {{< /accordion-item >}}

content/en/docs/0.9/getting-started/introduction.md

@@ -50,7 +50,7 @@ Start a new Hinode project in three steps:
 
 Hinode contains sample content for a blog and a project portfolio. The examples are available in English and Dutch and can be found in the `content` folder. Review the following items on to how organize and enrich your content.
 
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="Adding content" >}}
     Hinode uses Markdown and templates to define the content for your website. See the [content management]({{< relref "content-management" >}}) page for more details.
   {{< /accordion-item >}}
@@ -78,7 +78,7 @@ Hinode contains sample content for a blog and a project portfolio. The examples
 
 The main site configuration is available in `./config/_default`. Review the following items to get you started.
 
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="Review the layout options" >}}
     Hinode uses a base layout for the home page, list pages, and individual pages. Individual pages can also be configured as documentation page instead of a regular page. Review the [layout documentation]({{< relref "colors" >}}) for more details.
   {{< /accordion-item >}}
@@ -100,7 +100,7 @@ The main site configuration is available in `./config/_default`. Review the foll
 
 The next topics give an overview of the advanced configuration settings.
 
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="Review the approach to dependency management and virtualization" >}}
     Hinode uses [npm]({{< param "links.npm" >}}) packages to manage its dependencies. In addition, it uses Hugo's [mounted folders]({{< param "links.hugo_mounts" >}}) to create a virtual file system. Review the [advanced settings overview]({{< relref "../advanced-settings/overview" >}}) for more details.
   {{< /accordion-item >}}

content/en/docs/0.9/getting-started/troubleshooting.md

@@ -8,7 +8,7 @@ layout: docs
 Review the table below for some common issues and their potential cause. Please file a [bug report]({{< relref "contribute#bug-reports" >}}) if you believe you have encountered an unknown issue.
 
 <!-- markdownlint-disable MD036 MD037 -->
-{{< accordion >}}
+{{< accordion class="accordion-theme accordion-flush" >}}
   {{< accordion-item header="The published website is not rendering at all" >}}
     Hinode uses [npm]({{< param "links.npm" >}}) to automate the build process and to keep track of dependencies. As such, the default Hugo commands to build and deploy a website do not work. Check the [hosting and deployment]({{< relref "hosting-and-deployment" >}}) section on how to build and deploy Hinode properly.
   {{< /accordion-item >}}