Skip to content

Align AutoBot launcher with site blue palette and replace cropped badge label with “AI”#436

Merged
MohabMohie merged 6 commits into
masterfrom
copilot/refine-autobot-svg-image
Mar 31, 2026
Merged

Align AutoBot launcher with site blue palette and replace cropped badge label with “AI”#436
MohabMohie merged 6 commits into
masterfrom
copilot/refine-autobot-svg-image

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 31, 2026

The launcher icon still used the old green robot palette and a long red badge label (AutoBot) that could clip against the circular button. This update aligns the icon visuals with the site’s blue system and shortens the badge to AI with non-clipping layout.

  • Launcher icon palette (SVG)

    • Updated static/img/autobot-avatar.svg background gradient from green to site blue tones:
      • #006ec0#004e89
    • Updated inner screen tint to matching blue-leaning light tones for consistency.
  • Badge copy and rendering

    • Changed floating launcher badge text from AutoBot to AI in src/components/AutoBot/index.tsx.
    • Adjusted badge layout in src/components/AutoBot/styles.module.css to prevent clipping:
      • made button overflow visible
      • tuned badge offset, padding, min-width, and font sizing for full label visibility.
  • Representative diff

    // src/components/AutoBot/index.tsx
    <span className={styles.badge}>AI</span>
    /* src/components/AutoBot/styles.module.css */
    .chatButton { overflow: visible; }
    
    .badge {
      top: -6px;
      right: -6px;
      padding: 2px 7px;
      min-width: 20px;
      font-size: 10px;
      line-height: 1.2;
    }

  • AutoBot blue icon with AI badge

@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 31, 2026

Deploy Preview for shaftengine ready!

Name Link
🔨 Latest commit 155d3ee
🔍 Latest deploy log https://app.netlify.com/projects/shaftengine/deploys/69cc32cad6940800085c3d1e
😎 Deploy Preview https://deploy-preview-436--shaftengine.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot AI and others added 2 commits March 31, 2026 20:30
… website color scheme

- Update autobot-avatar.svg: change chest text from "SHAFT" to "AutoBot"
- Replace all FontAwesome fa-robot icons in AutoBot chat component with autobot-avatar.svg
- Update ShaftRobot component to use autobot-avatar.svg instead of FontAwesome + shaft_white.svg
- Add CSS styles for image-based chat button, header icon, and message avatars
- Ensure consistent visual identity across chat button, chat header, and message avatars

Agent-Logs-Url: https://github.com/ShaftHQ/shafthq.github.io/sessions/657f4ec8-cd83-499b-b680-d87437c41154

Co-authored-by: MohabMohie <19201898+MohabMohie@users.noreply.github.com>
…unrelated yarn.lock change

Agent-Logs-Url: https://github.com/ShaftHQ/shafthq.github.io/sessions/657f4ec8-cd83-499b-b680-d87437c41154

Co-authored-by: MohabMohie <19201898+MohabMohie@users.noreply.github.com>
Copilot AI changed the title [WIP] Refine AutoBot SVG image and unify robot references Unify all robot references to single AutoBot SVG with site color scheme Mar 31, 2026
Copilot AI requested a review from MohabMohie March 31, 2026 20:34
Copilot AI and others added 2 commits March 31, 2026 20:39
@MohabMohie MohabMohie marked this pull request as ready for review March 31, 2026 20:46
Signed-off-by: Mohab Mohie <Mohab.MohieElDeen@outlook.com>
Copilot AI changed the title Unify all robot references to single AutoBot SVG with site color scheme Align AutoBot launcher with site blue palette and replace cropped badge label with “AI” Mar 31, 2026
@MohabMohie MohabMohie merged commit a69b4b9 into master Mar 31, 2026
9 of 10 checks passed
@MohabMohie MohabMohie deleted the copilot/refine-autobot-svg-image branch March 31, 2026 20:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants