# Linked HTML with CSS theme file (/recipes/linked-html-css-theme-file)

### JavaScript / TypeScript

```js
import '@lumis-sh/themes/css/catppuccin_frappe.css'
import {highlight} from '@lumis-sh/lumis'
import {htmlLinked} from '@lumis-sh/lumis/formatters'
import javascript from '@lumis-sh/wasm-javascript'

const html = await highlight(
  'const x = 1',
  htmlLinked({language: javascript, preClass: 'demo'}),
)
```

### Rust

```rust
use lumis::{
    highlight, languages::Language, HtmlLinkedBuilder,
};

let html = highlight(
    "const x = 1",
    HtmlLinkedBuilder::new()
        .language(Language::JavaScript)
        .pre_class(Some("demo".to_string()))
        .build()
        .unwrap(),
);
```

### Elixir

```elixir
Lumis.highlight!("const x = 1",
  formatter:
    {:html_linked,
     language: "javascript", pre_class: "demo"}
)
```

### CLI

```bash
lumis highlight index.js --formatter html-linked
```


See [CSS Theme Files](/themes/css-files) for stylesheet mounting details.