[PR #32] [CLOSED] Fix visible border line between activity bar and sidebar #99

New issue

Closed

opened 2026-05-06 13:13:20 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 13:13:20 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/bwya77/vscode-dark-islands/pull/32
Author: @mervanhasancalik
Created: 2/16/2026
Status: ❌ Closed

Base: main ← Head: fix/remove-sidebar-border-line

📝 Commits (1)

4f9caf8 Fix visible border line between activity bar and sidebar

📊 Changes

2 files changed (+7 additions, -3 deletions)

View changed files

📝 settings.json (+5 -1)
📝 themes/islands-dark.json (+2 -2)

📄 Description

Summary

Fixed the unwanted vertical line that appears between the activity bar and sidebar in the floating islands layout
Changed activityBar.border and sideBar.border from #181a1d00 to #00000000 (pure transparent) in the theme JSON — the old value can render visibly against the #121216 workbench background if alpha handling differs across VS Code versions
Added border: none !important to .part.activitybar CSS to explicitly remove any VS Code-applied structural border
Added .monaco-sash { background-color: transparent !important } to hide VS Code's resize handle artifacts between floating panels

Before (bug)

A thin vertical line is visible between the activity bar capsule and the sidebar panel, breaking the floating islands look.

Test plan

Install the theme with updated settings
Verify no vertical line appears between the activity bar and sidebar
Verify panel resizing still works (sash is still interactive, just transparent)
Verify the glass-effect borders on the sidebar are preserved

🤖 Generated with Claude Code

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/bwya77/vscode-dark-islands/pull/32 **Author:** [@mervanhasancalik](https://github.com/mervanhasancalik) **Created:** 2/16/2026 **Status:** ❌ Closed **Base:** `main` ← **Head:** `fix/remove-sidebar-border-line` --- ### 📝 Commits (1) - [`4f9caf8`](https://github.com/bwya77/vscode-dark-islands/commit/4f9caf8c2989b0aa68d4b3b1c21d53230b226910) Fix visible border line between activity bar and sidebar ### 📊 Changes **2 files changed** (+7 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `settings.json` (+5 -1) 📝 `themes/islands-dark.json` (+2 -2) </details> ### 📄 Description ## Summary - Fixed the unwanted vertical line that appears between the activity bar and sidebar in the floating islands layout - Changed `activityBar.border` and `sideBar.border` from `#181a1d00` to `#00000000` (pure transparent) in the theme JSON — the old value can render visibly against the `#121216` workbench background if alpha handling differs across VS Code versions - Added `border: none !important` to `.part.activitybar` CSS to explicitly remove any VS Code-applied structural border - Added `.monaco-sash { background-color: transparent !important }` to hide VS Code's resize handle artifacts between floating panels ## Before (bug) A thin vertical line is visible between the activity bar capsule and the sidebar panel, breaking the floating islands look. ## Test plan - [ ] Install the theme with updated settings - [ ] Verify no vertical line appears between the activity bar and sidebar - [ ] Verify panel resizing still works (sash is still interactive, just transparent) - [ ] Verify the glass-effect borders on the sidebar are preserved 🤖 Generated with [Claude Code](https://claude.com/claude-code) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>