UI: Custom scrollbar styling — default scrollbar looks outdated

[dungphan0038]

Summary

The default scrollbar in OpenWork has an outdated appearance — it shows the plain OS-native scrollbar (square, thin, unstyled) which looks inconsistent with the modern dark theme of the app.

Current behavior

• The scrollbar is visible but looks like the default Windows/OS scrollbar.
• Square corners, flat appearance — feels out of place in a polished dark-themed app.
• This is especially noticeable in long conversations and thinking sections.

Expected behavior

Apply a modern, minimal scrollbar that:

• Is always visible (no hiding)
• Uses rounded/pill-shaped corners (border-radius: 999px)
• Has a subtle semi-transparent color that matches the dark UI theme
• Is thin enough (8px) not to distract from content
• Optionally has a subtle border/glow for depth

Suggested CSS (workaround for now)

Users can paste the following into DevTools Console (Ctrl+Shift+I) as a temporary workaround:

const style = document.createElement('style');
style.id = 'custom-scrollbar';
style.textContent = `
  ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
    display: block !important;
  }

  ::-webkit-scrollbar-track {
    background: transparent !important;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.15) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1) !important;
  }
`;
document.head.appendChild(style);
console.log('✅ Custom scrollbar applied!');

Result after applying the snippet

• Thin 8px scrollbar with pill-shaped ends
• Semi-transparent thumb that blends with the dark UI
• Subtle inner border glow for depth
• Transparent track (keeps the clean look)

Why this matters

A good scrollbar is a small detail that significantly improves UX:

• Makes the app feel more polished and modern
• Matches the quality standard of other premium Electron apps (VS Code, Obsidian, etc.)
• Consistent visual language across the entire UI

Would be great if this could be integrated into OpenWork's default styling (or made configurable via Appearance settings).

Thank you!

[dungphan0038]

Thank you @magic-peach 👍