Content
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>
}
}
```
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
### What is the expected behavior?
1. Readable highlighted code
###
```html
@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>
}
}
```