feat: update responsive styles for CopyPageURL and GitHubInstallButtons, and enhance search button visibility in dark mode (#230)

feat: increase container width and refine menu item spacing for improved layout

feat: update sidebar configuration to ensure visibility and adjust heading font sizes for better readability

feat: update styles for dark mode support and enhance link interactions to align with roocode.com

feat: refine spacing and padding in markdown and article styles for improved layout

feat: update primary color scheme and enhance content styling to align with roocode.com

feat: enhance navbar styling and add dark theme support for search components

background in sync with roocode.com

chore: add .roo/mcp.json to .gitignore

feat: add documentation rules for internal links and Context7 MCP guidelines

chore: remove deprecated MCP configuration file

feat: upgrade Docusaurus dependencies to version 3.8.1 and add animated background component

- Updated Docusaurus core and related plugins to version 3.8.1 in package.json.
- Added AnimatedBackground component for a dynamic canvas background effect.
- Introduced custom CSS styles for light and dark themes, including utility classes and enhanced styling for various elements.
- Implemented a new layout that integrates the AnimatedBackground component behind the main content.

fix: remove backdrop-filter and solidify mobile navbar styles for improved usability

fix: enhance text readability and brightness for dark mode styling

fix: adjust TOC padding and hide on mobile for improved layout

fix: correct link formatting for Modes configuration in marketplace documentation

fix: center footer content on mobile and hide external link icons for improved usability

feat: implement footer layout with social icons and links for enhanced user engagement

fix: adjust footer layout and spacing for improved mobile usability

fix: disable Report Issue component to hide GitHub reporting section

feat: add CopyPageContent component for copying page content to clipboard feat: implement HomeBreadcrumbItem for navigation breadcrumbs feat: create DocBreadcrumbs component with structured data and copy functionality feat: add DocItemContent component for rendering document content with synthetic title feat: introduce MDXContent component for MDX rendering

feat: implement responsive navbar with social icons and color mode toggle

feat: add GitHub install buttons and integrate into navbar for enhanced user engagement

chore: update package.json for linting and ESLint dependencies

- Added linting scripts to package.json: `lint`, `lint:fix`, and `lint:unused`.
- Included ESLint and related dependencies for improved code quality.

fix: refactor CopyPageURL component for better child node handling

- Changed child node iteration to use Array.from for better compatibility.
- Added block scope for 'a' and 'blockquote' cases in convertHtmlToMarkdown function.

refactor: clean up FooterLinkItem component imports

- Removed unused imports from FooterLinkItem component.

refactor: update DefaultNavbarItem and Mobile components to avoid prop passing

- Renamed destructured props to avoid passing unnecessary props down the component tree.

refactor: clean up NavbarNavLink component imports and props

- Removed unused imports and renamed destructured props for clarity.

refactor: remove ReportIssue component and associated styles

Author: hannesrudolph

.gitignore

@@ -28,3 +28,4 @@ TEMP/
 
 .history/
 
+.roo/mcp.json

.roo/mcp.json

@@ -5,4 +5,7 @@
 - Use absolute paths starting from the `/docs/` root for internal documentation links
 - Example: [link text](/basic-usage/how-tools-work) NOT [link text](basic-usage/how-tools-work.md) or [link text](../../basic-usage/how-tools-work)
 
-This ensures links work correctly in the built documentation while maintaining clean URLs.
+This ensures links work correctly in the built documentation while maintaining clean URLs.
+
+## Context7 MCP
+When making structural or formatting changes beyond simple .md or .mdx files, always check the Context7 MCP, the `context7CompatibleLibraryID` will be `/facebook/docusaurus`

.clinerules .roorules.clinerules renamed to .roorules

@@ -64,14 +64,14 @@ When you install an item from the marketplace, you can choose to install it at t
 - **Scope**: The item is only available within the current VS Code workspace (your project).
 - **Configuration File**:
     - **MCPs**: [`.roo/mcp.json`](/features/mcp/using-mcp-in-roo#configuring-mcp-servers) in the root of your project.
-    - **Modes**: [`.roomodes`](/features/custom-modes#manual-configuration-yaml-json) in the root of your project.
+    - **Modes**: [`.roomodes`](/features/custom-modes#3-manual-configuration-yaml--json) in the root of your project.
 - **Use Case**: This is useful when an item is specific to a particular project's needs or when you want to share a project-specific configuration with your team.
 
 ### Global Installation
 - **Scope**: The item is available across all your VS Code workspaces.
 - **Configuration File**:
     - **MCPs**: [`mcp_settings.json`](/features/mcp/using-mcp-in-roo#configuring-mcp-servers) in the Roo Code extension's global settings directory.
-    - **Modes**: [`custom_modes.yaml`](/features/custom-modes#manual-configuration-yaml-json) in the Roo Code extension's global settings directory.
+    - **Modes**: [`custom_modes.yaml`](/features/custom-modes) in the Roo Code extension's global settings directory.
 - **Use Case**: This is ideal for items that you want to use in all your projects, such as a favorite Mode or a commonly used MCP.
 
 ---

docs/features/marketplace.mdx

@@ -5,6 +5,9 @@ import {
   DISCORD_URL,
   REDDIT_URL,
   TWITTER_URL,
+  BLUESKY_URL,
+  LINKEDIN_URL,
+  TIKTOK_URL,
   GITHUB_MAIN_REPO_URL,
   GITHUB_ISSUES_MAIN_URL,
   GITHUB_FEATURES_URL,
@@ -249,9 +252,9 @@ const config: Config = {
 
   themeConfig: {
     colorMode: {
-      defaultMode: 'light',
+      defaultMode: 'dark',
       disableSwitch: false,
-      respectPrefersColorScheme: true,
+      respectPrefersColorScheme: false,
     },
     image: 'img/social-share.png',
     navbar: {
@@ -262,19 +265,20 @@ const config: Config = {
       },
       items: [
         {
-          href: GITHUB_MAIN_REPO_URL,
-          label: 'GitHub',
-          position: 'right',
-        },
-        {
-          href: VSCODE_MARKETPLACE_URL,
-          label: 'Install Extension',
-          position: 'right',
+          type: 'search',
+          position: 'left',
         },
       ],
     },
     footer: {
       style: 'dark',
+      logo: {
+        alt: 'Roo Code Logo',
+        src: 'img/roo-code-logo-white.png',
+        srcDark: 'img/roo-code-logo-dark.png',
+        width: 120,
+        height: 24,
+      },
       links: [
         {
           title: 'Community',
@@ -291,6 +295,22 @@ const config: Config = {
               label: 'Twitter',
               href: TWITTER_URL,
             },
+            {
+              label: 'Bluesky',
+              href: BLUESKY_URL,
+            },
+            {
+              label: 'GitHub',
+              href: GITHUB_MAIN_REPO_URL,
+            },
+            {
+              label: 'LinkedIn',
+              href: LINKEDIN_URL,
+            },
+            {
+              label: 'TikTok',
+              href: TIKTOK_URL,
+            },
           ],
         },
         {