> For the complete documentation index, see [llms.txt](https://autoedit.gitbook.io/slate-transcript-editor-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://autoedit.gitbook.io/slate-transcript-editor-docs/notes/css-injection-karaoke.md).

# css-injection-karaoke

```jsx
<style scoped>
{`
    /* Next words */
    .timecode[data-previous-timings~="${parseInt(currentTime)}"]{
        color:  #6c757d; /*Bootstrap grey for secondary*/
    }

    /* Previous words */
    .timecode:not([data-previous-timings~="${parseInt(currentTime)}"]){
        color: #343a40!important /* Bootstrap black, for dark */
    }

    .timecode:not([data-start^="${parseInt(currentTime)}"]){
        color: orange!important// #6c757d; /*Bootstrap grey for secondary*/
    }  

    .timecode[data-start^="${parseInt(currentTime)}"]{
        color: red!important //#343a40!important /* Bootstrap black, for dark */
    }
`}
</style>
```