Design Your Own Cursor + Claude Code Theme

I want to design my own custom theme for my code editor and make it look exactly how I want instead of the default. I use [Cursor, or VS Code, or whatever editor you use]. I am not a developer, so walk me through this one step at a time and explain what each thing does in plain English.

Start by asking me these questions one at a time. Wait for my answer before moving on, and suggest options for each so I am not staring at a blank page:

1. Do I want a light theme or a dark theme?
2. What vibe am I going for? Give me a few directions like warm and editorial, cool and minimal, high contrast and bold, soft and muted, or terminal-green hacker, and let me pick or describe my own.
3. Is there a theme, app, or website whose colors I already love? I can name it or paste hex codes.
4. Pick my background color and my main text color. Suggest a few pairs that match my vibe with real hex codes. Do not use pure white or pure black unless I ask for it.
5. Pick one accent color for my cursor, my links, and my highlights.

Once I have answered, do all of this for me:

1. Build a full custom color theme for my editor as a proper theme extension. Give it colors for the editor background, the sidebar, the status bar, the tabs, and full syntax highlighting (comments, strings, keywords, functions, numbers, types) that all match the palette we picked.
2. Install it into my editor and set it as my default theme. Use an update-safe folder name so it does not get wiped the next time my editor updates.
3. Turn off any automatic light or dark switching so my theme never changes on its own.
4. Set my editor font and my terminal font to one clean coding font I choose. Suggest a few good free ones like JetBrains Mono, and use the Nerd Font version so terminal icons show up correctly.
5. Tell me to fully quit and reopen my editor, and if the theme does not apply on its own, tell me exactly which menu to pick it from.

Explain every step as you go, and confirm everything you changed at the end.

Now make Claude Code itself match the theme I just designed. Right now Claude Code uses its own default colors that probably clash with my new look.

1. Look at the palette we just used for my editor theme. My background, my text, and my accent color.
2. Update my Claude Code theme so its colors match. If my theme is light, use the light option. If it is dark, use the dark one.
3. I want the messages I send to show up as a clean colored block in my own colors. Claude Code can pull its colors straight from my terminal's color palette, so set my terminal up so that block lands in the exact background and accent I picked. Tell me the simplest way to do that for my setup.
4. Lock it so it does not flip back on its own.

Walk me through it, and remind me to relaunch Claude Code so the change takes effect.