Skip to content

feat(pastebin): dark theme syntax highlighting & tooltip improvments - #550

Open
Cassolette wants to merge 4 commits into
opencloud-eu:mainfrom
Cassolette:patch/feat-pastebin-dark-tooltip
Open

feat(pastebin): dark theme syntax highlighting & tooltip improvments#550
Cassolette wants to merge 4 commits into
opencloud-eu:mainfrom
Cassolette:patch/feat-pastebin-dark-tooltip

Conversation

@Cassolette

@Cassolette Cassolette commented Sep 8, 2026

Copy link
Copy Markdown
Contributor

Description

1) Support highlight.js dark theme as required.

Before: bad contrast with Opencloud dark theme. highlight.js light theme was being used unconditionally

image image

Fix inspired by the approach used in tiptap editor.

2) Move to UI tooltips instead of browser native tooltip for consistency

Also show a toast when a paste link is copied successfully.

image

3) Fixed missing parent context when navigating back to pastebin-view from pastebin-edit. Cancel button and breadcrumb navigation were affected.

Related Issue

  • Fixes <issue_link>

How Has This Been Tested?

  • Manual & e2e tests.

Types of changes

  • Bugfix
  • Enhancement (a change that doesn't break existing code or deployments)
  • Breaking change (a modification that affects current functionality)
  • Technical debt (addressing code that needs refactoring or improvements)
  • Tests (adding or improving tests)
  • Documentation (updates or additions to documentation)
  • Maintenance (like dependency updates or tooling adjustments)

Comment on lines +252 to +260
<style lang="scss" scoped>
.highlight-light-theme :deep {
@import 'highlight.js/styles/github';
}

.highlight-dark-theme :deep {
@import 'highlight.js/styles/github-dark';
}
</style>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

OpenCloud won't support scss in the future. I guess you need to solve this programmatically, similar to how the core app does it in the text editor: https://github.com/opencloud-eu/web/blob/main/packages/web-pkg/src/editor/components/TextEditorContent.vue#L73

@Cassolette
Cassolette force-pushed the patch/feat-pastebin-dark-tooltip branch from 4016f21 to 2f14771 Compare September 8, 2026 21:39
…ew` and `pastebin-edit`

When navigating in such manner (i.e. cancel edit button), the routes
lose link to their prior parent context. This fixes the missing context
required to restore the link back to pastebin or other context as
specified.
@Cassolette
Cassolette force-pushed the patch/feat-pastebin-dark-tooltip branch from 2f14771 to f5cc922 Compare September 8, 2026 22:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants