diff --git a/.github/workflows/claude-code-review.yml b/.github/workflows/claude-code-review.yml
index ab07e492af..b3b46dd547 100644
--- a/.github/workflows/claude-code-review.yml
+++ b/.github/workflows/claude-code-review.yml
@@ -54,4 +54,3 @@ jobs:
# See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
# or https://docs.claude.com/en/docs/claude-code/cli-reference for available options
claude_args: '--allowed-tools "Bash(gh issue view:*),Bash(gh search:*),Bash(gh issue list:*),Bash(gh pr comment:*),Bash(gh pr diff:*),Bash(gh pr view:*),Bash(gh pr list:*)"'
-
diff --git a/.github/workflows/claude.yml b/.github/workflows/claude.yml
index 2b6c87da48..93907d37d4 100644
--- a/.github/workflows/claude.yml
+++ b/.github/workflows/claude.yml
@@ -47,4 +47,3 @@ jobs:
# See https://github.com/anthropics/claude-code-action/blob/main/docs/usage.md
# or https://docs.claude.com/en/docs/claude-code/cli-reference for available options
# claude_args: '--allowed-tools Bash(gh pr:*)'
-
diff --git a/src/css/custom.css b/src/css/custom.css
index be056b257d..3af58ddffb 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -102,15 +102,15 @@ html {
}
.button--outline {
- font-weight: 600;
- background: rgba(255, 255, 255, 0.1);
- backdrop-filter: blur(10px);
- border: 1px solid rgba(255, 255, 255, 0.2);
+ font-weight: 600;
+ background: rgba(88, 81, 219, 0.1);
+ backdrop-filter: blur(10px);
+ border: 1px solid rgba(88, 81, 219, 0.3);
}
.button--outline:hover {
- background: rgba(255, 255, 255, 0.2);
- border-color: rgba(255, 255, 255, 0.3);
+ background: rgba(88, 81, 219, 0.2);
+ border-color: rgba(88, 81, 219, 0.5);
}
/* Navbar responsive improvements */
@@ -155,14 +155,14 @@ html {
/* Option 2: Smart Version Selector with Latest Emphasis */
.navbar-item-latest {
- font-weight: 600 !important;
- color: var(--ifm-color-primary-darkest) !important;
- background: linear-gradient(90deg, rgba(88, 81, 219, 0.08), rgba(88, 81, 219, 0.03));
- border-left: 3px solid var(--ifm-color-primary);
- padding-left: 12px !important;
- margin: 2px 0;
- border-radius: 0 4px 4px 0;
- position: relative;
+ font-weight: 600 !important;
+ color: var(--ifm-color-primary-darkest) !important;
+ background: linear-gradient(90deg, rgba(88, 81, 219, 0.08), rgba(88, 81, 219, 0.03));
+ border-left: 3px solid var(--ifm-color-primary);
+ padding-left: 12px !important;
+ margin: 2px 0;
+ border-radius: 0 4px 4px 0;
+ position: relative;
}
.navbar-item-latest::after {
@@ -183,17 +183,17 @@ html {
}
.navbar-item-legacy:hover {
- color: var(--ifm-color-primary) !important;
- opacity: 1;
- background: rgba(42, 82, 152, 0.05);
- border-radius: 4px;
+ color: var(--ifm-color-primary) !important;
+ opacity: 1;
+ background: rgba(88, 81, 219, 0.05);
+ border-radius: 4px;
}
/* Dark mode adjustments */
[data-theme='dark'] .navbar-item-latest {
- color: var(--ifm-color-primary-lightest) !important;
- background: linear-gradient(90deg, rgba(77, 127, 216, 0.1), rgba(77, 127, 216, 0.04));
- border-left-color: var(--ifm-color-primary-light);
+ color: var(--ifm-color-primary-lightest) !important;
+ background: linear-gradient(90deg, rgba(139, 81, 219, 0.1), rgba(139, 81, 219, 0.04));
+ border-left-color: var(--ifm-color-primary-light);
}
[data-theme='dark'] .navbar-item-legacy {
@@ -201,8 +201,8 @@ html {
}
[data-theme='dark'] .navbar-item-legacy:hover {
- color: var(--ifm-color-primary-light) !important;
- background: rgba(77, 127, 216, 0.08);
+ color: var(--ifm-color-primary-light) !important;
+ background: rgba(139, 81, 219, 0.08);
}
/* Product grouping visual separation */
@@ -255,15 +255,15 @@ html {
/* Start of Selection */
/* Apply borders only to images within docs pages */
.theme-doc-markdown img {
- border: 1px solid #E2E1DC;
- border-radius: 4px;
+ border: 1px solid #E2E1DC;
+ border-radius: 4px;
}
/* End of Selection */
/* Dark mode image borders */
[data-theme='dark'] img {
- border-color: #3a3a3a;
+ border-color: #48445F;
}
/* Add this to your /src/css/custom.css file */
@@ -347,10 +347,15 @@ html {
/* Highlight search terms more prominently */
.DocSearch-Hit-content mark {
- background-color: var(--ifm-color-primary-lighter);
- color: var(--ifm-font-color-base);
- font-weight: 600;
- padding: 0 2px;
+ background-color: #FDF0CC;
+ color: var(--ifm-font-color-base);
+ font-weight: 600;
+ padding: 0 2px;
+}
+
+[data-theme='dark'] .DocSearch-Hit-content mark {
+ background-color: #624800;
+ color: var(--ifm-color-white);
}
/* Add product/version badges if needed */
diff --git a/src/theme/Root.js b/src/theme/Root.js
index e7a7824489..10c9c1994e 100644
--- a/src/theme/Root.js
+++ b/src/theme/Root.js
@@ -1,9 +1,34 @@
-import React from 'react';
+import React, { useEffect } from 'react';
import ProductMetaTags from '@site/src/components/ProductMetaTags';
// Default implementation from Docusaurus
// https://github.com/facebook/docusaurus/blob/main/packages/docusaurus-theme-classic/src/theme/Root/index.tsx
export default function Root({ children }) {
+ useEffect(() => {
+ // Update favicon based on color mode using MutationObserver
+ const updateFavicon = () => {
+ const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
+ const favicon = document.querySelector("link[rel='icon']");
+ if (favicon) {
+ favicon.href = isDark
+ ? '/branding/favicon-light.ico'
+ : '/branding/favicon-dark.ico';
+ }
+ };
+
+ // Initial update - temp. removed favicon changing on darkmode
+ //updateFavicon();
+
+ // Watch for theme changes
+ // const observer = new MutationObserver(updateFavicon);
+ // observer.observe(document.documentElement, {
+ // attributes: true,
+ // attributeFilter: ['data-theme']
+ // });
+
+ return () => observer.disconnect();
+ }, []);
+
return (
<>
diff --git a/static/branding/favicon-dark.ico b/static/branding/favicon-dark.ico
new file mode 100644
index 0000000000..3d5ab1d4dd
Binary files /dev/null and b/static/branding/favicon-dark.ico differ
diff --git a/static/branding/favicon-light.ico b/static/branding/favicon-light.ico
new file mode 100644
index 0000000000..f0d052b683
Binary files /dev/null and b/static/branding/favicon-light.ico differ
diff --git a/static/branding/logo-dark.svg b/static/branding/logo-dark.svg
new file mode 100644
index 0000000000..9c695e4359
--- /dev/null
+++ b/static/branding/logo-dark.svg
@@ -0,0 +1,10 @@
+
diff --git a/static/branding/logo-light.svg b/static/branding/logo-light.svg
new file mode 100644
index 0000000000..3d7e446593
--- /dev/null
+++ b/static/branding/logo-light.svg
@@ -0,0 +1,10 @@
+
\ No newline at end of file
diff --git a/static/branding/logo-red.svg b/static/branding/logo-red.svg
deleted file mode 100644
index c46aa42cd3..0000000000
--- a/static/branding/logo-red.svg
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
diff --git a/static/branding/logo-white.svg b/static/branding/logo-white.svg
deleted file mode 100644
index aa971b16a9..0000000000
--- a/static/branding/logo-white.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file