fix: sidebar looks

Author: Daanvdplas

docs/getting-started/setup.md

@@ -42,49 +42,57 @@ curl https://sh.rustup.rs -sSf | sh
       Install [`cargo-contract`](https://github.com/use-ink/cargo-contract), a CLI tool for setting up and managing smart contracts written with ink!. To install `cargo-contract`, run the following command in your terminal:
 
       ```bash
+      rustup component add rust-src
       cargo install --force --locked --version 6.0.0-beta cargo-contract 
       ```
 
-## ink-node
+      In addition to Rust, installation requires a C++ compiler that supports C++17.
+      Modern releases of gcc and clang, as well as Visual Studio 2019+ should work.
 
-For Pop CLI users, Pop automatically manages the local node for you.
+      :::tip
+      Looking to run the ink! linter locally? Follow the steps in the [linter setup guide](../development/linter/overview.md).
+      :::
 
-For cargo-contract users, the [ink-node](https://github.com/use-ink/ink-node) is
-a simple Polkadot SDK blockchain with smart contract functionality. It's a comfortable option for local development and testing.
+      ## ink-node
 
-There are two ways of installing the node:
+      For Pop CLI users, Pop automatically manages the local node for you.
 
-### (1) Download the Binary
-Go to the [ink-node releases page](https://github.com/use-ink/ink-node/releases). Under `Assets` of the latest release, download the appropriate binary for your platform:
-   - **Linux (ARM64)**: `ink-node-linux-arm64.tar.gz`
-   - **Linux (x86)**: `ink-node-linux.tar.gz`
-   - **macOS**: `ink-node-mac-universal.tar.gz`
+      For cargo-contract users, the [ink-node](https://github.com/use-ink/ink-node) is
+      a simple Polkadot SDK blockchain with smart contract functionality. It's a comfortable option for local development and testing.
 
-Make the binary executable:
-   ```bash
-   chmod +x ./ink-node
-   ```
+      There are two ways of installing the node:
 
-**For macOS users:**
-When you first try to run `ink-node`, macOS may show a security warning.
+      ### (1) Download the Binary
+      Go to the [ink-node releases page](https://github.com/use-ink/ink-node/releases). Under `Assets` of the latest release, download the appropriate binary for your platform:
+         - **Linux (ARM64)**: `ink-node-linux-arm64.tar.gz`
+         - **Linux (x86)**: `ink-node-linux.tar.gz`
+         - **macOS**: `ink-node-mac-universal.tar.gz`
 
-To allow the binary to run:
-1. Click the **question mark (?)** icon at the right top corner of the warning.
-2. Follow the Apple instructions that appear.
-3. Try running `ink-node` again and click **"Open Anyway"** when prompted.
+      Make the binary executable:
+         ```bash
+         chmod +x ./ink-node
+         ```
 
-To confirm that `ink-node` is working correctly, run:
-```bash
-./ink-node --version
-```
-If you see version information, your installation is successful!
+      **For macOS users:**
+      When you first try to run `ink-node`, macOS may show a security warning.
+
+      To allow the binary to run:
+      1. Click the **question mark (?)** icon at the right top corner of the warning.
+      2. Follow the Apple instructions that appear.
+      3. Try running `ink-node` again and click **"Open Anyway"** when prompted.
+
+      To confirm that `ink-node` is working correctly, run:
+      ```bash
+      ./ink-node --version
+      ```
+      If you see version information, your installation is successful!
 
-### (2) Build it yourself
+      ### (2) Build it yourself
 
-Alternatively, you can build the node by yourself.
-This can take a while though!
+      Alternatively, you can build the node by yourself.
+      This can take a while though!
 
-The build instructions and pre-requisites can be found
-[here](https://github.com/use-ink/ink-node?tab=readme-ov-file#build-locally).
+      The build instructions and pre-requisites can be found
+      [here](https://github.com/use-ink/ink-node?tab=readme-ov-file#build-locally).
   </TabItem>
 </Tabs>

docs/intro/sub0-hackathon.mdx

@@ -1,5 +1,5 @@
 ---
-title: sub0 Hackathon 2025
+title: Sub0 Hackathon 2025
 hide_title: true
 slug: /sub0-hackathon-2025
 hide_table_of_contents: true

src/css/docs.css

@@ -546,10 +546,52 @@ ul.menu__list li a {
   border-radius: 8px;
 }
 
+.theme-doc-sidebar-item-link-level-1.menu__list-item:not(:first-child),
 .theme-doc-sidebar-item-category-level-1.menu__list-item:not(:first-child) {
   margin-top: 0.55rem !important;
 }
 
+.theme-doc-sidebar-item-link-level-1.menu__list-item {
+  border: 1px solid rgba(140, 124, 247, 0.1);
+  border-radius: 12px;
+  background: linear-gradient(90deg, rgba(140, 124, 247, 0.06) 0%, rgba(255, 255, 255, 0) 84.6847%);
+}
+
+.theme-doc-sidebar-item-link-level-1.menu__list-item > .menu__link {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  font-weight: 600;
+}
+
+.theme-doc-sidebar-item-link-level-1.menu__list-item > .menu__link::after {
+  content: '';
+  width: 14px;
+  height: 14px;
+  margin-left: auto;
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='transform: rotate(-90deg);' stroke='currentColor' fill='none' stroke-width='2' height='14' width='14' class='x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none origin-center rtl:-rotate-270'%3E%3Cpath d='M9 5l7 7-7 7' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E")
+    no-repeat center center;
+  opacity: 0.7;
+  transition:
+    opacity 0.2s ease-in-out,
+    transform 0.2s ease-in-out;
+}
+
+.theme-doc-sidebar-item-link-level-1.menu__list-item > .menu__link:hover::after {
+  opacity: 1;
+  transform: translateX(4px);
+}
+
+[data-theme='dark'] .theme-doc-sidebar-item-link-level-1.menu__list-item {
+  background: linear-gradient(90deg, rgba(140, 124, 247, 0.08) 0%, rgba(255, 255, 255, 0) 84.6847%);
+  border-color: rgba(140, 124, 247, 0.18);
+}
+
+[data-theme='light'] .theme-doc-sidebar-item-link-level-1.menu__list-item {
+  background: linear-gradient(90deg, rgba(140, 124, 247, 0.15) 0%, rgba(140, 124, 247, 0.05) 100%);
+  border-color: rgba(140, 124, 247, 0.2);
+}
+
 .theme-doc-sidebar-item-link-level-2.menu__list-item {
   margin-top: 0rem !important;
 }