polybar-adapta-theme

KO | EN

gitlite — search

#python #hacktoberfest #javascript #hacktoberfest-accepted #machine-learning #rust #typescript #automation #react #open-source #css #nextjs13

polybar-adapta-theme

★ 74 Open GitHub ↗

A Polybar theme influenced by Adapta-Nokto Gtk+ theme.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align="center">Polybar-Adapta-theme</h1>

<p align="center">A <a href="https://github.com/polybar/polybar">Polybar</a> theme influenced by <b>Adapta-Nokto Gtk+ theme</b>.</p>

![right_animation](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation.gif)
![left_animation](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-workspaces.gif)

## Table of Contents

* [Capture animation (right side)](#capture-animation-right-side)
* [Capture animation (left side)](#capture-animation-left-side)
* [Screenshots](#screenshots)
* [Color code](#color-code)
* [Installation](#installation)
* [Features](#features)
  * [App icons](#app-icons)
  * [Workspace display](#workspace-display)
  * [Package update monitor](#package-update-monitor)
  * [Backlight control slider](#backlight-control-slider)
  * [ALSA volume control slider](#alsa-volume-control-slider)
  * [Network connection monitor, inbound/outbound speeds](#network-connection-monitor-inboundoutbound-speeds)
  * [CPU monitor](#cpu-monitor)
  * [Battery monitor](#battery-monitor)
* [Contribution](#contribution)
* [Conclusion](#conclusion)

## Capture animation (right side)
![right_animation](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation.gif)

## Capture animation (left side)
![left_animation](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-workspaces.gif)

## Screenshots

![screenshot_2](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/screenshot_empty_1.png)
![screenshot_4](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/screenshot_2.png)

## Color code

We are using the exact same colors as Adapta-Nokto for this theme! 😊

| Where is it used | Color code | Sample |
| --- | :---: | :---: |
| Background | #222D32 | ![color-222D32.png](https://qiita-image-store.s3.amazonaws.com/0/304979/da855fc7-b885-e556-acd4-adc376732e15.png) |
| Text | #CFD8DC | ![color-CFD8DC.png](https://qiita-image-store.s3.amazonaws.com/0/304979/4927fa2f-75f7-f5dd-25f0-ccaccaa28eb9.png) |
| Under line | #00BCD4 | ![color-00BCD4.png](https://qiita-image-store.s3.amazonaws.com/0/304979/8c8ec983-df67-9654-c059-ac44df6b28a1.png) |
| Seek bar (reached) | #4DB6AC | ![color-4DB6AC.png](https://qiita-image-store.s3.amazonaws.com/0/304979/8f4df38c-f5c6-73eb-ae7f-9d9df8fecbcf.png) |
| Seek bar (not reached) | #475359 | ![color-475359.png](https://qiita-image-store.s3.amazonaws.com/0/304979/292a2727-3541-b26e-db7b-e2c859c56367.png) |
| Warning (weak) | #C9BC0E | ![color-C9BC0E.png](https://qiita-image-store.s3.amazonaws.com/0/304979/4fdf8748-618c-0577-4c74-0f636ab67333.png) |
| Warning (Strong) | #FF5252 | ![color-FF5252.png](https://qiita-image-store.s3.amazonaws.com/0/304979/99982ecc-b46a-7430-3116-c3c356205983.png) |

## Font

- Fantasque Sans Mono
- Iosevka Nerd Font Mono

## Installation

1. Run the following command:
    ```bash
    # Interactive
    bash -c "bash <(curl -sL https://git.io/Jv0e4)"
    ```

```bash
    # Non-interactive (this is useful if you want to put it in your automated script!)
    bash -c "bash <(curl -sL https://git.io/Jv0e4) --yes"
    ```

1. And then execute `bash ~/.config/polybar/launch.sh` to launch Polybar.

## Features

* [App icons](#app-icons)
* [Workspace display](#workspace-display)
* [Package update monitor](#package-update-monitor)
* [Backlight control slider](#backlight-control-slider)
* [ALSA volume control slider](#alsa-volume-control-slider)
* [Network connection monitor, inbound/outbound speeds](#network-connection-monitor-inboundoutbound-speeds)
* [CPU monitor](#cpu-monitor)
* [Battery monitor](#battery-monitor)

### App icons

![app_icons](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/app_icons.png)

From the left,
- Apple icon
  - It is The apple of course you know, but just image, hasn't specify features...
- File manager
  - Open nautilus, a file manager based on Gtk+.
- Google
  - Open Google search page.
- ...
- ..., you can customize it as you like ❤️

### Workspace display

This is a normal feature in other normal status bars, but in Polybar it's not true. You can see the status of your workspaces with this feature. Try it!

This feature looks like:

![workspaces](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/workspaces.png)

| Current ws | Some windows exists | Empty |
| :------: | :--: | :---------: |
| ![workspaces_now](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/workspaces_now.png) | ![workspaces_exists](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/workspaces_exists.png) | ![workspaces_empty](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/workspaces_empty.png) |

### Package update monitor

This feature runs every 30 mins.

This is a very good feature. You can see if any packages need to be updated.
If you saw **"smile" and 0**, that means **no updatable packages found**. On the other hand if you saw **"frown and more than 0**, that means **updatable packages found**. And we use a named pipe (which is created as `/tmp/.polybar-checkupdates-log`) for this feature. So we can immediately turn the face smile again showing a spin animation once finishing the update.

![animation-frown-smile](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-frown-smile.gif)

You'll want to update to see the smile for sure!

### Backlight control slider

You can see your screen's brightness level with a slider. You can slide it and change the brightness of your screen by pressing brightness button on your keyboard or scrolling with the mouse wheel/touchpad.

Now let me show you the way to change the brightness by scrolling with mouse wheel/touchpad.

![backlight_slider](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/backlight-slide.gif)

### ALSA volume control slider

You can see how loud the speaker sounds from the color of bar or the muted icon.

| Muted | Too quiet or good | A bit loud (Warning) | Too loud (Danger!) |
| :---: | :---------------: | :------------------: | :----------------: |
| ![volume_muted](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume_muted.png) | ![volume_normal](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume_normal.png) | ![volume_yellos](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume_yellow.png) | ![volume_red](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume_red.png) |

And as the same as "Backlight control slider" you can also slide it and change the volume by scrolling with mouse wheel/touchpad.

![volume_slider](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume-slide.gif)

And also you can make it mute/unmute by clicking with your mouse cursor.

![volume-click](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/volume-click.gif)

These are the easiest way to control the volume but of cource you can do the same by pressing volume control button on your keyboard too!

### Network connection monitor, inbound/outbound speeds

You can get information about how fast your network speed.

![volume_red](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-network-speed.gif)

### CPU monitor

You can get information about how many and well CPUs works, easily and immediately.

![volume_red](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-cpus.gif)

### Battery monitor

You can see how much battery remains by the color and the value.

| Charging | Good | Low battery | Too low battery |
| :------: | :--: | :---------: | :-------------: |
| ![battery_charing](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/animation-charging.gif) | ![battery_normal](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/battery_normal.png) | ![battery_yellow](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/battery_yellow.png) | ![battery_red](https://raw.githubusercontent.com/matoruru/imgs/master/polybar-adapta-theme/battery_red.png) |

## Contribution

Feel free to raise your issue and PR. 😊

## Conclusion

Let's have fun together!

polybar-adapta-theme

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README