---
title: "Hextra v0.10.0 is released"
date: 2025-08-14
authors:
  - name: imfing
    link: https://github.com/imfing
    image: https://github.com/imfing.png
tags:
  - Release
draft: true
---

<!--more-->

## What's New

TODO

To upgrade to v0.10.0, update your Hugo module:

```bash
hugo mod get -u github.com/imfing/hextra@v0.10.0
```

## Migration Guide

### CSS class prefix

This release includes a comprehensive CSS class naming refactor to improve consistency and avoid potential conflicts. Most Hextra components CSS classes now use the `hextra-` prefix.

| Area                 | Before                       | After                                             |
| -------------------- | ---------------------------- | ------------------------------------------------- |
| Search (container)   | `.search-wrapper`            | `.hextra-search-wrapper`                          |
| Search (input)       | `.search-input`              | `.hextra-search-input`                            |
| Search (results)     | `.search-results`            | `.hextra-search-results`                          |
| Search (title)       | `.search-wrapper .title`     | `.hextra-search-wrapper .hextra-search-title`     |
| Search (active item) | `.search-wrapper .active`    | `.hextra-search-wrapper .hextra-search-active`    |
| Search (no result)   | `.search-wrapper .no-result` | `.hextra-search-wrapper .hextra-search-no-result` |
| Search (prefix)      | `.search-wrapper .prefix`    | `.hextra-search-wrapper .hextra-search-prefix`    |
| Search (excerpt)     | `.search-wrapper .excerpt`   | `.hextra-search-wrapper .hextra-search-excerpt`   |
| Search (match)       | `.search-wrapper .match`     | `.hextra-search-wrapper .hextra-search-match`     |
| Navbar blur          | `.nav-container-blur`        | `.hextra-nav-container-blur`                      |
| Hamburger menu       | `.hamburger-menu`            | `.hextra-hamburger-menu`                          |
| Theme toggle         | `.theme-toggle`              | `.hextra-theme-toggle`                            |
| Language switcher    | `.language-switcher`         | `.hextra-language-switcher`                       |
| Sidebar container    | `.sidebar-container`         | `.hextra-sidebar-container`                       |
| Sidebar active item  | `.sidebar-active-item`       | `.hextra-sidebar-active-item`                     |
| Code filename        | `.filename`                  | `.hextra-code-filename`                           |
| Copy icon            | `.copy-icon`                 | `.hextra-copy-icon`                               |
| Success icon         | `.success-icon`              | `.hextra-success-icon`                            |
| Steps                | `.steps`                     | `.hextra-steps`                                   |

---

_This is a draft release announcement. The actual release date and features may vary._