Merge pull request #287 from netwrix/resolve-pr-267-conflicts

Resolve PR 267 conflicts

Author: AndreiSirbu

.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:*)"'
-

.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:*)'
-

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,26 +183,26 @@ 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 {
     color: var(--ifm-color-emphasis-500) !important;
 }
 
 [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 */

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 (
     <>
       <ProductMetaTags />