starred/vscode-dark-islands
1
0
Fork 0
mirror of https://github.com/bwya77/vscode-dark-islands.git synced 2026-05-09 08:25:35 +02:00
Code Issues 62 Projects Packages Wiki Activity

[GH-ISSUE #24] Broken in Cursor #20

New issue
Open
opened 2026-05-06 13:12:35 +02:00 by BreizhHardware · 14 comments
BreizhHardware commented 2026-05-06 13:12:35 +02:00
Owner
Copy link

Originally created by @robinebers on GitHub (Feb 16, 2026).
Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/24

  1. Installed via Homebrew
  2. Works perfectly in VS Code
  3. Open Cursor → Import Settings
  4. Restart, and it looks great, except for this

Happy to fix this and PR if I can.

Any idea?

Image
Originally created by @robinebers on GitHub (Feb 16, 2026). Original GitHub issue: https://github.com/bwya77/vscode-dark-islands/issues/24 1. Installed via Homebrew 2. Works perfectly in VS Code 3. Open Cursor → Import Settings 4. Restart, and it looks great, except for this Happy to fix this and PR if I can. Any idea? <img width="885" height="259" alt="Image" src="https://github.com/user-attachments/assets/3e73fcbd-ceed-4af9-a182-1ac231dd91e4" />
BreizhHardware commented 2026-05-06 13:12:36 +02:00
Author
Owner
Copy link

@robinebers commented on GitHub (Feb 16, 2026):

Okay, so just as a quick update, I had Claude code dig into this, and there were a lot of problems with the import from VS Code function; definitely doesn't work well at all. I asked Claude code to completely remove the settings from Cursor and look at the repository and install it from scratch into Cursor. I would be amazing to have a bro command that uses Cursor to install it instead of code.

Image

Here is what Claude Code did:

  1. Investigated the theme repo — figured out it has two parts: a color theme JSON (323 color tokens,
   60 syntax rules) and CSS customizations via the "Custom UI Style" extension that create the
  floating glass panels
  2. Discovered the fonts weren't installed — the theme requires three fonts: IBM Plex Mono (editor),
  FiraCode Nerd Font Mono (terminal), and Bear Sans UI (UI elements like sidebar, tabs, status bar).
  Only Bear Sans UI was on your system. Installed the other two via brew.
  3. Fixed the theme extension installation — when you ran the install script, it copied the theme to
  ~/.vscode/extensions/ (VS Code's directory). You then imported your VS Code settings into Cursor,
  which brought over the CSS customizations and settings, but the actual theme extension was never
  installed in Cursor. Just copying files to ~/.cursor/extensions/ didn't work either — Cursor didn't
  recognize it. Had to package it as a proper VSIX and install it via cursor --install-extension.
  4. Installed the Seti Folder icon theme — needed for the color-matched icon glow effect the theme is
   designed around.
  5. Cleaned up bogus settings — your imported settings had two extra keys that weren't in the
  original theme (custom-ui-style.font.sansSerif set to a monospace font, and
  editor.codeLensFontFamily), plus the terminal font was set to generic "monospace" instead of
  "FiraCode Nerd Font Mono". Rewrote the settings to match exactly what the theme repo specifies.

  The root cause was really that the install script is VS Code-specific and there's no Cursor
  equivalent, so the import only brought over settings/CSS but not the actual theme extension or
  fonts.
<!-- gh-comment-id:3906592451 --> @robinebers commented on GitHub (Feb 16, 2026): Okay, so just as a quick update, I had Claude code dig into this, and there were a lot of problems with the import from VS Code function; definitely doesn't work well at all. I asked Claude code to completely remove the settings from Cursor and look at the repository and install it from scratch into Cursor. I would be amazing to have a bro command that uses Cursor to install it instead of code. <img width="4336" height="2504" alt="Image" src="https://github.com/user-attachments/assets/818692a3-7fee-4c02-a996-24e315d5f431" /> Here is what Claude Code did: ``` 1. Investigated the theme repo — figured out it has two parts: a color theme JSON (323 color tokens, 60 syntax rules) and CSS customizations via the "Custom UI Style" extension that create the floating glass panels 2. Discovered the fonts weren't installed — the theme requires three fonts: IBM Plex Mono (editor), FiraCode Nerd Font Mono (terminal), and Bear Sans UI (UI elements like sidebar, tabs, status bar). Only Bear Sans UI was on your system. Installed the other two via brew. 3. Fixed the theme extension installation — when you ran the install script, it copied the theme to ~/.vscode/extensions/ (VS Code's directory). You then imported your VS Code settings into Cursor, which brought over the CSS customizations and settings, but the actual theme extension was never installed in Cursor. Just copying files to ~/.cursor/extensions/ didn't work either — Cursor didn't recognize it. Had to package it as a proper VSIX and install it via cursor --install-extension. 4. Installed the Seti Folder icon theme — needed for the color-matched icon glow effect the theme is designed around. 5. Cleaned up bogus settings — your imported settings had two extra keys that weren't in the original theme (custom-ui-style.font.sansSerif set to a monospace font, and editor.codeLensFontFamily), plus the terminal font was set to generic "monospace" instead of "FiraCode Nerd Font Mono". Rewrote the settings to match exactly what the theme repo specifies. The root cause was really that the install script is VS Code-specific and there's no Cursor equivalent, so the import only brought over settings/CSS but not the actual theme extension or fonts. ```
BreizhHardware commented 2026-05-06 13:12:37 +02:00
Author
Owner
Copy link

@LokiWasHere commented on GitHub (Feb 16, 2026):

@robinebers Can you share with me your new custom-ui-style.stylesheet object from your settings.json please?

<!-- gh-comment-id:3906860673 --> @LokiWasHere commented on GitHub (Feb 16, 2026): @robinebers Can you share with me your new `custom-ui-style.stylesheet` object from your `settings.json` please?
BreizhHardware commented 2026-05-06 13:12:38 +02:00
Author
Owner
Copy link

@wehyn commented on GitHub (Feb 16, 2026):

How were you able to put it in your cursor?

<!-- gh-comment-id:3907146283 --> @wehyn commented on GitHub (Feb 16, 2026): How were you able to put it in your cursor?
BreizhHardware commented 2026-05-06 13:12:38 +02:00
Author
Owner
Copy link

@joebentaylor1995 commented on GitHub (Feb 17, 2026):

I installed directly into cursor and nothing changed or updated

<!-- gh-comment-id:3913697311 --> @joebentaylor1995 commented on GitHub (Feb 17, 2026): I installed directly into cursor and nothing changed or updated
BreizhHardware commented 2026-05-06 13:12:38 +02:00
Author
Owner
Copy link

@LokiWasHere commented on GitHub (Feb 17, 2026):

I installed directly into cursor and nothing changed or updated

@joebentaylor1995 I think you need the Custom UI Style extension

<!-- gh-comment-id:3913829333 --> @LokiWasHere commented on GitHub (Feb 17, 2026): > I installed directly into cursor and nothing changed or updated @joebentaylor1995 I think you need the [Custom UI Style](https://marketplace.cursorapi.com/items/?itemName=subframe7536.custom-ui-style) extension
BreizhHardware commented 2026-05-06 13:12:38 +02:00
Author
Owner
Copy link

@ArthurSilvaDantas commented on GitHub (Feb 17, 2026):

@robinebers Can you share with me your new custom-ui-style.stylesheet object from your settings.json please?

<!-- gh-comment-id:3915353627 --> @ArthurSilvaDantas commented on GitHub (Feb 17, 2026): @robinebers Can you share with me your new **custom-ui-style.stylesheet** object from your **settings.json** please?
BreizhHardware commented 2026-05-06 13:12:39 +02:00
Author
Owner
Copy link

@oeyoews commented on GitHub (Feb 21, 2026):

Image
<!-- gh-comment-id:3938622261 --> @oeyoews commented on GitHub (Feb 21, 2026): <img width="2999" height="354" alt="Image" src="https://github.com/user-attachments/assets/dc14ce68-21b7-4841-a399-526c885d0006" />
BreizhHardware commented 2026-05-06 13:12:39 +02:00
Author
Owner
Copy link

@JDhruv14 commented on GitHub (Mar 1, 2026):

can you push the theme for cursor into a repo?

<!-- gh-comment-id:3980575614 --> @JDhruv14 commented on GitHub (Mar 1, 2026): can you push the theme for cursor into a repo?
BreizhHardware commented 2026-05-06 13:12:39 +02:00
Author
Owner
Copy link

@DjilanoS commented on GitHub (Mar 2, 2026):

I installed directly into cursor and nothing changed or updated

If you use Cursor you need to go to Cursor Settings -> Import settings from VS Code and press on. [import] after that open the command palette and type Custom UI Style: Reload and reload your Cursor, it should work right after.

<!-- gh-comment-id:3983444919 --> @DjilanoS commented on GitHub (Mar 2, 2026): > I installed directly into cursor and nothing changed or updated If you use Cursor you need to go to `Cursor Settings` -> `Import settings from VS Code` and press on. `[import]` after that open the command palette and type `Custom UI Style: Reload` and reload your Cursor, it should work right after.
BreizhHardware commented 2026-05-06 13:12:40 +02:00
Author
Owner
Copy link

@JDhruv14 commented on GitHub (Mar 2, 2026):

I installed directly into cursor and nothing changed or updated

If you use Cursor you need to go to Cursor Settings -> Import settings from VS Code and press on. [import] after that open the command palette and type Custom UI Style: Reload and reload your Cursor, it should work right after.

But I read somewhere that it's kinda broken with text not visible and improper padding

<!-- gh-comment-id:3983460232 --> @JDhruv14 commented on GitHub (Mar 2, 2026): > > I installed directly into cursor and nothing changed or updated > > If you use Cursor you need to go to `Cursor Settings` -> `Import settings from VS Code` and press on. `[import]` after that open the command palette and type `Custom UI Style: Reload` and reload your Cursor, it should work right after. But I read somewhere that it's kinda broken with text not visible and improper padding
BreizhHardware commented 2026-05-06 13:12:40 +02:00
Author
Owner
Copy link

@DjilanoS commented on GitHub (Mar 2, 2026):

I installed directly into cursor and nothing changed or updated

If you use Cursor you need to go to Cursor Settings -> Import settings from VS Code and press on. [import] after that open the command palette and type Custom UI Style: Reload and reload your Cursor, it should work right after.

But I read somewhere that it's kinda broken with text not visible and improper padding

I don't have this issue, works fine right after install

Image
<!-- gh-comment-id:3983471943 --> @DjilanoS commented on GitHub (Mar 2, 2026): > > > I installed directly into cursor and nothing changed or updated > > > > > > If you use Cursor you need to go to `Cursor Settings` -> `Import settings from VS Code` and press on. `[import]` after that open the command palette and type `Custom UI Style: Reload` and reload your Cursor, it should work right after. > > But I read somewhere that it's kinda broken with text not visible and improper padding I don't have this issue, works fine right after install <img width="847" height="350" alt="Image" src="https://github.com/user-attachments/assets/06da0d9a-3120-4057-a4b5-6ab81d3d1c71" />
BreizhHardware commented 2026-05-06 13:12:40 +02:00
Author
Owner
Copy link

@JDhruv14 commented on GitHub (Mar 2, 2026):

Great, I'll update too then

<!-- gh-comment-id:3983726650 --> @JDhruv14 commented on GitHub (Mar 2, 2026): Great, I'll update too then
BreizhHardware commented 2026-05-06 13:12:40 +02:00
Author
Owner
Copy link

@roeyazroel commented on GitHub (Mar 3, 2026):

i still have some issues in cursor (doesn't happen in vscode)

multiple terminals - names are cutoff
Image

breakpoint section is cutoff
Image

<!-- gh-comment-id:3989971133 --> @roeyazroel commented on GitHub (Mar 3, 2026): i still have some issues in cursor (doesn't happen in vscode) multiple terminals - names are cutoff <img width="448" height="97" alt="Image" src="https://github.com/user-attachments/assets/79a37f6c-70c6-49b5-b428-0f5eee23852a" /> breakpoint section is cutoff <img width="280" height="249" alt="Image" src="https://github.com/user-attachments/assets/3576f1ef-dcd4-46d6-89a2-ec777e9cbb98" />
BreizhHardware commented 2026-05-06 13:12:40 +02:00
Author
Owner
Copy link

@Revono commented on GitHub (May 5, 2026):

Idk if thinks like that ever get fixed because last merge was 3 months ago :(

<!-- gh-comment-id:4380271354 --> @Revono commented on GitHub (May 5, 2026): Idk if thinks like that ever get fixed because last merge was 3 months ago :(
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
0.0.3
bwyatt-custom
0.0.2
Labels
Clear labels   
bug

   
bug

   
duplicate

   
enhancement

   
enhancement

   
Missing Info

   
pull-request
Mirrored from GitHub Pull Request

  
wontfix
No labels
bug
bug
duplicate
enhancement
enhancement
Missing Info
pull-request
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/vscode-dark-islands#20
No description provided.