Config flex 💪

[ErikReider]

This is meant as a place to flex with your swaync dotfiles :)

I'll get us started 💪

Dotfiles

r/UnixP0rn

[MrRoy]

Here's mine, using the Dracula theme colors

[rti]

Could you please provide a link to your config? So other can use it as a reference.

[MrRoy]

@rti I created a gist with the style.css: https://gist.github.com/MrRoy/3a4a0b1462921e78bf667e1b36697268
And the config.json: https://gist.github.com/MrRoy/40f103bc34f3a58699e218c3d06d1a43

[rti]

Thank you so much!

[japetsch]

My nord config :)
With some additional Widgets I created (still very much WIP. Especially the Grid for the WiFi and extra control buttons)

[japetsch]

I'm looking into the per app volume control.. Might take a while though since I don't have that much time atm. 😁

[ffs-akl]

How to change the color indicated by the red circle below？

[Isudin]

@knm100 Kinda late, but someone else might find it useful. It's probably .notification-group, or depending on priority, it might be (.notification-group).low .normal or .critical as well.

[Fingel]

@knm100 Kinda late, but someone else might find it useful. It's probably .notification-group, or depending on priority, it might be (.notification-group).low .normal or .critical as well.

This was driving me insane. Thank you.

[spoke666]

How to change the color indicated by the red circle below？

You need to remove shadow of selector box, this is selector box. How i do:

list,
listview,
row,
listview row,
listview row:selected,
listview row:hover,
listview row:focus,
listview row:active {
background-color: transparent;
background-image: none;
box-shadow: none;
outline: none;
}
copy and paste in the style.css in the header. Enjoy...

[FilippoBonazziSUSE]

Not much of a flex, but this is what SwayNotificationCenter looks like on openSUSE Tumbleweed with the openSUSEway configuration:

[PinguDEV-original]

Hey, question, how can I add the media player on there? (I currently use openSUSE with this theme)

[FilippoBonazziSUSE]

If you have media playing in a compatible application, I think it should already show up. At least I seem to remember it happening for me in the past, I can't reproduce it right now.

Anyway, to change the configuration to your liking you can copy the openSUSEway configuration files for SwayNotificationCenter (found under /etc/xdg/swaync/) into your home (~/.config/swaync/) and edit them there. They should be picked up with precedence.

[Kvn0l]

I've installed @JannisPetschenka 's fork and config, then made some changes on the config to fit Fluent Teal theme:

Config files will be uploaded to my dots repo, I'll update here when done.

[ErikReider]

How to blur the control center?

You need a compositor that supports blurring layer shell surfaces like swayfx and hyprland :)

[ItsTerm1n4l]

I have done this in hyprland with layerrule = blur,^(swaync-control-center)$ in the config, however the swaync layer covers the whole screen and this results in the whole screen being blurred when swaync is open.

[zDyant]

Hi! I found a way to blur swaync on hyprland!

Open the swaync section

[ItsTerm1n4l]

Thank you!

[notquite28]

Hi! I found a way to blur swaync on hyprland!

Open the swaync section

Hey! I've added the lines to my hyprland.conf but it still won't show up blurred. Anything I'm missing?

[lvntcnylmz]

[adonespitogo]

This is my favorite <3

[MintyGitOut]

Yoo tokyo night vscode theme? This is exactly what I was looking for, sick!

[xsghetti]

dots?

[lvntcnylmz]

https://github.com/lvntcnylmz/dotfiles

[mrpingo]

Hi there! Thanks to JannisPetschenka I modified the configs and got this two themes for my day/night themes.
Many thanks to everyone that helped me on the way.
/EDITED/

dark.css.txt

light.css.txt

And the config file
config.json

[Seme4eg]

keybord-driven setup, no menus / buttons, jus styles and compositor bindings + pywal integration (css template also in my dots repo).
Also if you are using eww you might find useful my eww swaync-widget.

dots : https://github.com/seme4eg/dotfiles

[lolplayer69420]

This is meant as a place to flex with your swaync dotfiles :)

I'll get us started 💪

Dotfiles

r/UnixP0rn

I cant find a way to configure the notification buttons

[KiaraGrouwstra]

did you try running with GTK_DEBUG=interactive swaync?

[lolplayer69420]

yup, i didnt found anything

[Spelis]

What's that update notification I really want it

[denoobaprolinux]

I am interested on that as well... I have a script on my waybar that shows overall notifications with color code, also detects whether if I have installed yay/flatpak/snap and proceeds with updates in case there is a pending one on those... But I want to move it to Swaync

[maplepy]

BRO !! Just found out how to style that mf button color

use

.notification {
 .text-button {
        color: blue
      }
}

[kurtnettle]

Finally managed to make mine :D

(obviously not original work :p My base was this one)

Yeah was a bit painful to do this as documentations were not much detailed. I was very much confused about the css classes. But now not anymore!

dotfiles: soon :3
dotfiles: here

I'm sorry for the huge delay. I wanted to fix the issues before sharing the configs but couldn't at all get free time. As some of you were asking for the config files I am now sharing half baked version (kinda). Although it won't create much issues unless you are pixel peeping. (Yeah I do it so it's kinda annoying to see the CSS issues.) Also the bottom control center, I didn't get time to work with it so you are requested to add your own programs in it.

[kurtnettle]

Sorry the good people here for the delay. I have added the configs.

[voodoobox]

I've installed your style.css and your configSchema.json but is not rendering proprely. I'm trying to fix it, but theming swaync's style.css indeed is indeed a nightmare!

[mrpingo]

That is because all those configs are for a <0.12 version of swaync and need to be reconfigured for new standards. @ErikReider or anybody can you please (truly please) provide what changes have been made by pointing to the precise commit or even better a standard config with all the admitted variables so we can patch it easily and make an standard? I am pretty dumb in searching in git to know that and pretty busy right now to make it through brute force. If you prefer I can make a ticket so everybody goes there instead of here to reach more people with the updates.

Regards

[ErikReider]

That is because all those configs are for a <0.12 version of swaync and need to be reconfigured for new standards. @ErikReider or anybody can you please (truly please) provide what changes have been made by pointing to the precise commit or even better a standard config with all the admitted variables so we can patch it easily and make an standard? I am pretty dumb in searching in git to know that and pretty busy right now to make it through brute force. If you prefer I can make a ticket so everybody goes there instead of here to reach more people with the updates.

Regards

What does it look like currently? The GTK4 port shouldn't mess with the CSS that much

[mrpingo]

This is what it should look like:
#183 (comment)

What it really looks like is pasted:

Thanks for answering that fast Erik.

[PolGZ]

Starting from @JannisPetschenka nord configs:

Sorry I've never created anything on any git system to manage any dotfiles, but start from his!

I've used fit-to-screen but with margins (control-center-margin-{top/bottom/right/left}) for the control center so that it spawns aligned with where regular windows are set on hyprland. I think it integrates well like that. The reason is mainly because I use screens with different resolutions and so I can have a similar experience regardless of where I open it.

EDIT: I've kept adding on it:

New notification button on waybar to display swaync as well, and added options for my asus ROG power modes and a few changes more.

1. Unread notifications:

2. No notifications
   

There is as well a "greyed"/faded out for Not Disturb mode for the waybar swaync indicator.

(P.S.: Music has been totally random)

[erklrg]

I love this! Any chance you could share the configs please?

[luisrubi01]

This is wholesome, can u share the configs.

[shvedes]

[Sohail-XD]

This might be the goat

[aenairlark]

sleek!

[Hanibachi]

nood here, how exactly do i set this up cuz this matches perfectly with my rofi setup

[aenairlark]

@Hanibachi go to the pastebin link above,
copy the code from start to (---------------) this divider
paste it in ~/.config/swaync/config.json
from the divider to end copy and paste css code to ~/.config/swaync/style.css
then restart swaync or logout and log in.

[Marlon830]

how to install the icons that it uses ?

[Seme4eg]

update of my previous config. Still minimal and just notifications and player (tho i don't even use it)

[NischalDawadi]

plz share dotfiles

[Suavevillain]

What is that font for the music player at the bottom? This is clean.

[Vaisakhkm2625]

what bar are you using.. looks fantastic...

[0xl30]

Dotfile
Preview Video

[helixoid]

Dots please!

[0xl30]

https://github.com/0xl30/Hyprland-Rice

[zDyant]

Dynamic with blur using hyprland

Dotfiles

[addz]

Nice! I'll be liberally stealing your dots as I move from Dunst -> SwayNotificationCenter 😸 (on Hyprland also)

[ErikReider]

Oh wow! This is a really clean one! 💪

[rept89]

newb here and just getting the hang of swaync, I'm definitely using some lines from your conf files, thanks for sharing

[mkavanagh-23]

Don't mind if i take some inspiration

[stepanzak]

My colorful gruvbox config:


dotfiles

[nydragon]

god damn this looks sick

[Vaisakhkm2625]

really cool...
but that's fake.. no one here got friends to get a message in telegram..

[DerAnsari]

Here's mine, I'm a big fan of the TUI look n feel (also gruvbox is my shit)

[Oghenetega-J]

love it

[grimmy0]

Can you share a dot files please?

[kriogenia]

Took me a while to be able to do exactly what I wanted to do but its done.

Dotfiles: https://github.com/kriogenia/dotfiles/blob/main/.config/swaync/style.css

[Aceix]

Adjusted @iyiolacak's config

dotfiles: https://gist.github.com/Aceix/c087717b1e8f5e249b92e0fe8de07303

[iyiolacak]

I love your style

[kalpakavindu]

Just wanted to keep it simple.

🚨 I used all: unset; on the universal selector. Please use with caution or it will mess everything.

Styles file: https://github.com/kalpakavindu/dotfiles/blob/main/config/swaync/style.scss

[JwpAT]

How can I get the notification button to work (just like youe "Test Action" button)? Looks great!

[ErfanRasti]

These are mine, thanks to matugen:

Dotfiles: https://github.com/ErfanRasti/dotfiles

[Itz-Abhishek-Tiwari]

Dots:- https://github.com/Itz-Abhishek-Tiwari/NamiConfig

[IncogCyberpunk]

Could you maybe provide the dotfiles ?

[Itz-Abhishek-Tiwari]

Could you maybe provide the dotfiles ?

https://github.com/Itz-Abhishek-Tiwari/NamiConfig

[JwpAT]

Dots: [https://github.com/jwpat/hypr.git](https://github.com/jwpat/hypr.git)

[cebem1nt]

Love it!

[ownerdelmee]

Looking good!, can you share please?

[cebem1nt]

Yeah, it's here:
https://github.com/cebem1nt/dotfiles

[fk2731]

Hi, there. This is my customization: Repo with swaync config

[vijaygudduri]

My minimal config

[voodoobox]

Looking good, clean and style.css working fine. Can you share it please?

[vijaygudduri]

My full minimal hyprland setup on CachyOS, no install script, just need to follow readme
https://github.com/vijaygudduri/hyprland-dotfiles

[voodoobox]

Thanks for sharing! Your style is working quite fine and it is well comented! Cheers!
One more thing, do you know how to change the swaync panel appear/disapper animation? Let's say to a slide in and out?

[vijaygudduri]

Not sure, Im using hyprland animations for that slide effect for all layers.

[yosmisyael]

tryin to rice but turned out to be a mess -+_+-

dotfiles

[rqbsml]

its pretty chill

[OlyAhamed]

[pwsandoval]

dotfiles?

[cyferbyniad]

Finally finished my configs and got it to work with matugen :D

[metl01]

New to learning CSS but gave swaync theming a shot. Colors are tokyonight storm.

[grimmy0]

Could you share your dot files please?

[metl01]

Could you share your dot files please?

They're in my dotfiles repo, the margins might be a bit messed up depending on the resolution of your monitor making the buttons slightly off center though. I'm still trying to learn how to do things properly and I just did some heavy editing of the default config. You will need the swaync dotfiles and the colors dotfiles for it to work properly.

[Abhra00]

MY average everblush swaync

DOTFILE WIP!!!