Top Menu

Jump to content
    Global modules

    Global modules

    • Home
    • Projects
    • Activity
    • Work packages
    • Gantt charts
    • Calendars
    • Team planners
    • Boards
    • News
    Home
    Home
Help
    Getting started
    • Introduction video
  • Help and support
    • Upgrade to Enterprise edition
    • User guides
    • Videos
    • Shortcuts
    • Community forum
    • Enterprise support
  • Additional resources
    • Data privacy and security policy
    • Digital accessibility (DE)
    • OpenProject website
    • Security alerts / Newsletter
    • OpenProject blog
    • Release notes
    • Report a bug
    • Development roadmap
    • Add and edit translations
    • API documentation

User menu

Sign in
Forgot your password?

or sign in with your existing account

OpenProject ID Google

Side Menu

Collapse project menu

  • Overview
  • Activity
    Activity
  • Roadmap
  • Work packages
    Work packages
  • Gantt charts
    Gantt charts
  • Calendars
    Calendars
  • Team planners
    Team planners
  • Boards
    Boards
  • News
  • Forums

Content

Expand project menu

Updated by Klaus Zanders 10 days ago

### Steps to reproduce

1. Switch to dark mode, look at the code example below:


### What is the buggy behavior?

* Bad contrast, parts are unreadable, especially the dark blue unreadable


### What is the expected behavior?

1. Readable highlighted code


###

```html ```javascript
@for (action of floatingActions; track action) {
@if (!!action.href) {
<a
class="spot-link spot-link_octicon"
[title]="action.title"
[href]="action.href.url"
[target]="action.href.target"
>
<ng-container
[ngTemplateOutlet]="floatingAction"
[ngTemplateOutletContext]="{icon:action.iconClass}"
></ng-container>
</a>
} @else if (!!action.action) {
<button
class="spot-link spot-link_octicon"
[title]="action.title"
(click)="action.action()"
>
<ng-container
[ngTemplateOutlet]="floatingAction"
[ngTemplateOutletContext]="{icon:action.iconClass}"
></ng-container>
</buttonx>
}
}
```

Back

Loading...