UI Polish

[sestinj]

Description

Some UI improvements, including using rem instead of px, matching VS Code link colors, and showing diff syntax highlighting for diff tool output

Checklist

• I've read the contributing guide
• The relevant docs, if any, have been updated or created
• The relevant tests, if any, have been updated or created

---

Summary by cubic

Improved UI consistency by switching to rem units, updated link colors to match VS Code, and added diff syntax highlighting to the diff tool output.

• UI Polish
  • Replaced px with rem for scalable sizing.
  • Updated link and code block colors for better VS Code alignment.
  • Added syntax highlighting for diffs.
  • Refactored gradient border into its own component.

[netlify]

✅ Deploy Preview for continuedev canceled.

Name	Link
🔨 Latest commit	4d20c8a
🔍 Latest deploy log	https://app.netlify.com/projects/continuedev/deploys/6862fc84e05121000809e2b2

[cubic-dev-ai]

cubic found 2 issues across 13 files. Review them in cubic.dev

_{React with 👍 or 👎 to teach cubic. Tag @cubic-dev-ai to give specific feedback.}

[cubic-dev-ai]

Changing the name from "Diff" to ".diff" may unintentionally affect consumers of this object who expect the previous name. Verify that all usages of this name are updated accordingly to prevent potential breakage.

Suggested change

	name: ".diff",
	name: "Diff",

[RomneyDa]

Seems like no changes to diff tool here?

Need to add textCodeBlockBackground to jetbrains theme

[RomneyDa]

why change to .diff?

[sestinj]

If you click the context item it now has syntax highlighting because it's detected as a ".diff" file. Does have the downside of it saying ".diff" instead of "Diff", but with the updated UI I'm working toward it shouldn't need to say either (at least in the GUI, just in the file tab)

[RomneyDa]

Could we set a file URI instead? context item name as the trigger for it being detected as a diff file feels off

[RomneyDa]

@sestinj see comments