Kainoa Kanter

Or, something similiar to [Yoru](https://github.com/rxyhn/yoru)'s top bar: 

Nice! There's still a few problems when using it as a sidebar:  1. Icons still need to be rotated  2. There should be an option to rotate the...

Nice! There's still a couple problems though:  1. A few items are off-aligned (eg headphone/bluetooth icons, power button icons, workspace switcher) 2. Hovering over the power button causes it...

> What font are you using? Which NF version? The default font (Cascadia Code NF v3.0.2) doesn't have these issues. Atkinson Hyperlegible for non-icons (isn't a NerdFont) and CaskaydiaCove Nerd...

It still happens with the default CSS. 

For reference: `style.scss`: ```scss $bg: #1f1d2e; $fg: #e0def4; $overlay: #26233a; $inactive: #524f67; $darkblue: #908caa; $cyan: #31748f; $green: #9ccfd8; $orange: #ebbcba; $pink: #ebbcba; $purple: #c4a7e7; $red: #eb6f92; $yellow: #f6c177; $btblue: #31748f;...

I'm using the Arch package already... I'll try the padding thing when I get home.

Also, how do I get Hyprland to not draw a blur behind the bar?

With this CSS (mostly adding `margin-left: 7px;` to the misaligned items), I was able to get almost everything centered except the damn headphone icon...  ```scss $bg: #1f1d2e; $fg: #e0def4;...

Seems to not be an issue as of right now.