Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 73 additions & 0 deletions _posts/theme/2026-02-08-Gruvbox.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
---
layout: theme
title: Gruvbox
category: theme
homepage: https://github.com/TwinklerG/typora-gruvbox-theme
download: https://github.com/TwinklerG/typora-gruvbox-theme/releases
built-in: false
date: 2026-02-08
author: TwinklerG
thumbnail: gruvbox.png
typora-root-url: ../../
typora-copy-images-to: ../../media/theme/gruvbox
---

# Gruvbox for Typora

A warm, retro groove theme for Typora, inspired by the popular [Gruvbox](https://github.com/morhetz/gruvbox) color scheme originally created by Pavel Pertsev for Vim.

## Features

- **Two Variants**: Includes both dark (`gruvbox-dark`) and light (`gruvbox`) themes
- **Warm Color Palette**: Low contrast, eye-friendly colors based on the classic Gruvbox 16-color palette
- **Retro Groove**: Inspired by retro groove color schemes with warm yellows, oranges, and browns
- **Full Syntax Highlighting**: Code blocks with complete Gruvbox syntax highlighting support
- **Carefully Tuned UI**: All UI elements styled to match the Gruvbox aesthetic

## Color Palette

### Dark Theme

- Background: `#282828`
- Foreground: `#ebdbb2`
- Accent Colors: Red, Green, Yellow, Blue, Purple, Aqua, Orange

### Light Theme

- Background: `#fbf1c7` (warm beige)
- Foreground: `#3c3836`
- Same vibrant accent colors optimized for light backgrounds

## Installation

1. Download the theme files from the release page
2. Open Typora Preferences → Appearance → Open Theme Folder
3. Copy `gruvbox.css` and `gruvbox-dark.css` to the theme folder
4. Restart Typora
5. Select theme from the Themes menu

## Screenshots

![gruvbox preview]("./media/theme/gruvbox/gruvbox-light.png")

![gruvbox-dark preview]("./media/theme/gruvbox/gruvbox-dark.png")

## Compatibility

- Typora 1.0+
- Supports all Typora features including:
- Code fences with syntax highlighting
- Math blocks
- Tables
- Task lists
- Outline panel
- Source code mode

## Credits

- Original Gruvbox theme by [Pavel Pertsev](https://github.com/morhetz)
- Adapted for Typora by [TwinklerG](https://github.com/TwinklerG)

## License

MIT License - Same as the original Gruvbox theme
Binary file added media/theme/gruvbox/gruvbox-dark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/theme/gruvbox/gruvbox-light.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added media/thumbnails/gruvbox.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.