Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fabioluciano/tmux-tokyo-night
https://github.com/fabioluciano/tmux-tokyo-night
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/fabioluciano/tmux-tokyo-night
- Owner: fabioluciano
- Created: 2023-05-02T00:50:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-24T04:40:24.000Z (4 months ago)
- Last Synced: 2024-10-24T22:19:24.395Z (4 months ago)
- Language: Shell
- Homepage:
- Size: 1.1 MB
- Stars: 158
- Watchers: 2
- Forks: 32
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
- awesome-tmux - tmux-tokyo-night
README
Tokyo Night Tmux Theme
A Tokyo Night tmux theme directly inspired from Tokyo Night vim theme
---
**[
Features
][features]**
**[
Screenshots
][screenshots]**
**[
Install
][install]**
**[
Available Configurations
][available-configurations]**
**[
Plugins
][plugins]**
---
## Features
- [Transparency support](#Transparency-examples)
## Plugins
- **Datetime** - Show datetime;
- **Weather** - Show weather;
- **Playerctl** - Show playerctl;
- **Spt** - Show Spotify;
- **Homebrew** - Show Homebrew;
- **yay** - Show yay;
- **battery** - Show battery;
## Screenshots
### Tokyo Night - Default Variation
| Inactive | Active |
| -------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
|  |  |
## Install
Add plugin to the list of `TPM` plugins in `.tmux.conf`:
```
set -g @plugin 'fabioluciano/tmux-tokyo-night'
```
Hit prefix + I to fetch the plugin and source it. You can now use the plugin.
## Available Configurations
| Configuration | Description | Avaliable Options | Default |
| ----------------------------------- | ----------------------------------------- | ----------------------------------------------------------------------- | ------------------ |
| `@theme_variation` | The tokyo night theme variation to be use | `night`, `storm`, `moon` | `night` |
| `@theme_active_pane_border_style` | | | `#737aa2` |
| `@theme_inactive_pane_border_style` | | | `#292e42` |
| `@theme_left_separator` | | | `` |
| `@theme_right_separator` | | | `` |
| `@theme_window_with_activity_style` | | | `italics` |
| `@theme_status_bell_style` | | | `bold` |
| `@theme_plugins` | | `datetime`, `weather`, `playerctl`, `spt`, `homebrew`, `yay`, `battery` | `datetime,weather` |
| `@theme_disable_plugins` | Disables plugins | `1`, `0` | `0` |
## Plugins
### Datetime
> Prints informations about the current date and time.
| Configuration | Description | Avaliable Options | Default |
| ------------------------------------------ | ----------- | ----------------- | ------- |
| `@theme_plugin_datetime_icon` | | | |
| `@theme_plugin_datetime_accent_color` | | | |
| `@theme_plugin_datetime_accent_color_icon` | | | |
| `@theme_plugin_datetime_format` | | | |
### Weather
> Prints informations about the current weather. It uses `jq` to parse the response. Make shure to have it;
| Configuration | Description | Avaliable Options | Default |
| ----------------------------------------- | ----------- | ----------------- | ------- |
| `@theme_plugin_weather_icon` | | | |
| `@theme_plugin_weather_accent_color` | | | |
| `@theme_plugin_weather_accent_color_icon` | | | |
| `@theme_plugin_weather_format` | | | |
### Playerctl
> Prints informations about the current song playing. Does not work in `MacOS`, because it uses `MPRIS`, and is only available in `Linux`.
| Configuration | Description | Avaliable Options | Default |
| ------------------------------------------- | ----------- | ----------------- | ------- |
| `@theme_plugin_playerctl_icon` | | | |
| `@theme_plugin_playerctl_accent_color` | | | |
| `@theme_plugin_playerctl_accent_color_icon` | | | |
| `@theme_plugin_playerctl_format` | | | |
### Battery
Shows battery charging status (charging or discharging) and battery percentage.
| Configuration | Description | Avaliable Options | Default |
| ------------------------------------------------ | ---------------------------------- | ----------------- | -------- |
| `@theme_plugin_battery_charging_icon` | Icon to display when charging | Any character | |
| `@theme_plugin_battery_discharging` | Icon to display when on battery | Any character | |
| `@theme_plugin_battery_red_threshold` | Show in red when below this % | 0-100 | 10 |
| `@theme_plugin_battery_yellow_threshold` | Show in yellow when below this % | 0-100 | 30 |
| `@theme_plugin_battery_red_accent_color` | Color when < red threshold | Palette color | red |
| `@theme_plugin_battery_red_accent_color_icon` | Icon color when < red threshold | Palette color | magenta2 |
| `@theme_plugin_battery_yellow_accent_color` | Color when < yellow threshold | Palette color | yellow |
| `@theme_plugin_battery_yellow_accent_color_icon` | Icon color when < yellow threshold | Palette color | orange |
| `@theme_plugin_battery_green_accent_color` | Color when > yellow threshold | Palette color | blue7 |
| `@theme_plugin_battery_green_accent_color_icon` | Icon color when > yellow threshold | Palette color | blue0 |
### Example configuration
tmux.conf
```bash
set -g @plugin 'tmux-plugins/tpm'
set -g @plugin 'tmux-plugins/tmux-pain-control'
set -g @plugin 'tmux-plugins/tmux-sensible'
set -g @plugin 'tmux-plugins/tmux-logging'
set -g @plugin 'fabioluciano/tmux-tokyo-night'
### Tokyo Night Theme configuration
set -g @theme_variation 'moon'
set -g @theme_left_separator ''
set -g @theme_right_separator ''
set -g @theme_plugins 'datetime,weather,playerctl,yay'
run '~/.tmux/plugins/tpm/tpm'
```
### Transparency examples
Enable transparency with default separators:
```bash
### Enable transparency
set -g @theme_transparent_status_bar 'true'
```
####
Can also use custom separators:
```bash
### Enable transparency
set -g @theme_left_separator ''
set -g @theme_right_separator ''
set -g @theme_transparent_status_bar 'true'
set -g @theme_transparent_left_separator_inverse ''
set -g @theme_transparent_right_separator_inverse ''
```
[features]: #features
[screenshots]: #screenshots
[install]: #install
[available-configurations]: #available-configurations
[plugins]: #plugins