Add color scheme for waybar

merge Everforest

.config/kitty/kitty.conf

@@ -629,7 +629,7 @@ symbol_map U+23FB-U+23FE,U+2B58,U+E200-U+E2A9,U+E0A0-U+E0A3,U+E0B0-U+E0BF,U+E0C0
 
 #: The foreground and background colors
 
- background_opacity 0.8
+ background_opacity 0.95
 
 #: The opacity of the background. A number between 0 and 1, where 1 is
 #: opaque and 0 is fully transparent.  This will only work if
@@ -1311,4 +1311,4 @@ symbol_map U+23FB-U+23FE,U+2B58,U+E200-U+E2A9,U+E0A0-U+E0A3,U+E0B0-U+E0BF,U+E0C0
 #: }}}
 
 # }}}
-include ./iceberg_dark.conf
+include themes/serenade.conf

.config/kitty/themes/everforest.conf

@@ -0,0 +1,39 @@
+foreground            #d8cacc
+background            #323d43
+selection_foreground  #3c474d
+selection_background  #525c62
+url_color             #415c6d
+cursor                #7fbbb3
+
+# black
+color0   #4a555b
+color8   #525c62
+
+# red
+color1   #e68183
+color9   #e68183
+
+# green
+color2   #a7c080
+color10  #a7c080
+
+# yellow
+color3   #dbbc7f
+color11  #dbbc7f
+
+# blue
+color4  #7fbbb3
+color12 #7fbbb3
+
+# magenta
+color5   #d699b6
+color13  #d699b6
+
+# cyan
+color6   #83c092
+color14  #83c092
+
+# white
+color7   #d8caac
+color15  #d8caac
+

.config/kitty/themes/serenade.conf

@@ -0,0 +1,39 @@
+foreground            #bfddb2
+background            #2A2f33
+selection_foreground  #bfddb2
+selection_background  #474f54
+url_color             #e5a46b
+cursor                #82abbc
+
+# black
+color0   #2a2f33
+color8   #3f464b
+
+# red
+color1   #d76e6e
+color9   #e68183
+
+# green
+color2   #acb765
+color10  #a7c080
+
+# yellow
+color3   #e5a46b
+color11  #dbbc7f
+
+# blue
+color4  #82abbc
+color12 #7fbbb3
+
+# magenta
+color5   #d39bb6
+color13  #d699b6
+
+# cyan
+color6   #87c095
+color14  #83c092
+
+# white
+color7   #d8caac
+color15  #d8caac
+

.config/mako/config

@@ -1,8 +0,0 @@
-on-button-middle=dismiss-all
-font=monospace 12
-text-color=#d2d4de
-background-color=#161821
-progress-color=source #b4be82
-border-color=#89b8c2
-default-timeout=10000
-layer=overlay

.config/mpd/mpd.conf

@@ -1,87 +0,0 @@
-# general settings #
-####
-
-music_directory			"~/Music"
-playlist_directory		"~/.config/mpd/playlists"
-db_file				"~/.config/mpd/database"
-log_file			"~/.config/mpd/log"
-pid_file			"~/.config/mpd/pid"
-state_file			"~/.config/mpd/state"
-sticker_file			"~/.config/mpd/sticker.sql"
-
-###############################################################################
-user				"juan"
-#group				"audio"
-# For network
-bind_to_address			"127.0.0.1"
-#
-# And for Unix Socket
-#bind_to_address		"~/.config/mpd/socket"
-#
-# This setting is the TCP port that is desired for the daemon to get assigned
-# to.
-#
-port				"6600"
-#log_level			"notice"
-restore_paused 			"yes"
-auto_update			"yes"
-#auto_update_depth "3"
-
-# Zeroconf / Avahi Service Discovery ##########################################
-#
-# If this setting is set to "yes", service information will be published with
-# Zeroconf / Avahi.
-#
-#zeroconf_enabled		"yes"
-#
-# The argument to this setting will be the Zeroconf / Avahi unique name for
-# this MPD server on the network. %h will be replaced with the hostname.
-#
-#zeroconf_name			"Music Player @ %h"
-#
-###############################################################################
-
-
-# Permissions #################################################################
-#
-# If this setting is set, MPD will require password authorization. The password
-# setting can be specified multiple times for different password profiles.
-#
-#password                        "password@read,add,control,admin"
-#
-# This setting specifies the permissions a user has who has not yet logged in.
-#
-#default_permissions             "read,add,control,admin"
-#
-###############################################################################
-#
-input {
-  plugin 	"curl"
-}
-
-audio_output {
-  type		"alsa"
-  name		"alsa"
-  mixer_type	"software"
-}
-# Visualization
-audio_output {
-  type		"fifo"
-  name		"my_fifo"
-  path		"/tmp/mpd.fifo"
-  format	"44100:16:2"
-}
-###############################################################################
-replaygain			"auto"
-replaygain_limit		"yes"
-volume_normalization		"yes"
-###############################################################################
-
-# Character Encoding ##########################################################
-#
-# If file or directory names do not display correctly for your locale then you
-# may need to modify this setting.
-#
-filesystem_charset		"UTF-8"
-#
-###############################################################################

.config/ncmpcpp/config

@@ -1,524 +0,0 @@
-# vi:syntax=config
-ncmpcpp_directory = ~/.config/ncmpcpp
-lyrics_directory = ~/.lyrics
-mpd_host = 127.0.0.1
-mpd_port = 6600
-mpd_connection_timeout = 5
-mpd_music_dir = ~/Music
-mpd_crossfade_time = 1
-visualizer_data_source = /tmp/mpd.fifo
-visualizer_output_name = Visualizer feed
-visualizer_in_stereo = yes
-#
-##
-## Note: set below to >=10 only if you have synchronization issues with
-## visualization and audio.
-##
-#
-#visualizer_sync_interval = 0
-#
-##
-## Note: To enable spectrum frequency visualization you need to compile ncmpcpp
-## with fftw3 support.
-##
-#
-## Available values: spectrum, wave, wave_filled, ellipse.
-##
-visualizer_type = spectrum
-#
-visualizer_fps = 60
-#
-visualizer_autoscale = no
-#
-visualizer_look = ●▮
-#
-visualizer_color = blue
-#
-## Alternative subset of 256 colors for terminals that support it.
-##
-#visualizer_color = 47, 83, 119, 155, 191, 227, 221, 215, 209, 203, 197, 161
-#
-##
-## Note: The next few visualization options apply to the spectrum visualizer.
-##
-#
-## Use unicode block characters for a smoother, more continuous look.
-## This will override the visualizer_look option. With transparent terminals
-## and visualizer_in_stereo set, artifacts may be visible on the bottom half of
-## the visualization.
-#
-visualizer_spectrum_smooth_look = yes
-#
-## A value between 1 and 5 inclusive. Specifying a larger value makes the
-## visualizer look at a larger slice of time, which results in less jumpy
-## visualizer output.
-#
-visualizer_spectrum_dft_size = 2
-#
-visualizer_spectrum_gain = 7
-#
-## Left-most frequency of visualizer in Hz, must be less than HZ MAX
-#
-visualizer_spectrum_hz_min = 20
-#
-## Right-most frequency of visualizer in Hz, must be greater than HZ MIN
-#
-visualizer_spectrum_hz_max = 20000
-#
-##### system encoding #####
-##
-## ncmpcpp should detect your charset encoding but if it failed to do so, you
-## can specify charset encoding you are using here.
-##
-## Note: You can see whether your ncmpcpp build supports charset detection by
-## checking output of `ncmpcpp --version`.
-##
-## Note: Since MPD uses UTF-8 by default, setting this option makes sense only
-## if your encoding is different.
-##
-#
-#system_encoding = ""
-#
-##### delays #####
-#
-## Time of inactivity (in seconds) after playlist highlighting will be disabled
-## (0 = always on).
-##
-#playlist_disable_highlight_delay = 5
-#
-## Defines how long messages are supposed to be visible.
-##
-#message_delay_time = 5
-#
-##### song format #####
-##
-## For a song format you can use:
-##
-## %l - length
-## %f - filename
-## %D - directory
-## %a - artist
-## %A - album artist
-## %t - title
-## %b - album
-## %y - date
-## %n - track number (01/12 -> 01)
-## %N - full track info (01/12 -> 01/12)
-## %g - genre
-## %c - composer
-## %p - performer
-## %d - disc
-## %C - comment
-## %P - priority
-## $R - begin right alignment
-##
-## If you want to make sure that a part of the format is displayed only when
-## certain tags are present, you can archieve it by grouping them with brackets,
-## e.g. '{%a - %t}' will be evaluated to 'ARTIST - TITLE' if both tags are
-## present or '' otherwise.  It is also possible to define a list of
-## alternatives by providing several groups and separating them with '|',
-## e.g. '{%t}|{%f}' will be evaluated to 'TITLE' or 'FILENAME' if the former is
-## not present.
-##
-## Note: If you want to set limit on maximal length of a tag, just put the
-## appropriate number between % and character that defines tag type, e.g. to
-## make album take max. 20 terminal cells, use '%20b'.
-##
-## In addition, formats support markers used for text attributes.  They are
-## followed by character '$'. After that you can put:
-##
-## - 0 - default window color (discards all other colors)
-## - 1 - black
-## - 2 - red
-## - 3 - green
-## - 4 - yellow
-## - 5 - blue
-## - 6 - magenta
-## - 7 - cyan
-## - 8 - white
-## - 9 - end of current color
-## - b - bold text
-## - u - underline text
-## - r - reverse colors
-## - a - use alternative character set
-##
-## If you don't want to use a non-color attribute anymore, just put it again,
-## but this time insert character '/' between '$' and attribute character,
-## e.g. {$b%t$/b}|{$r%f$/r} will display bolded title tag or filename with
-## reversed colors.
-##
-## If you want to use 256 colors and/or background colors in formats (the naming
-## scheme is described below in section about color definitions), it can be done
-## with the syntax $(COLOR), e.g. to set the artist tag to one of the
-## non-standard colors and make it have yellow background, you need to write
-## $(197_yellow)%a$(end). Note that for standard colors this is interchangable
-## with attributes listed above.
-##
-## Note: colors can be nested.
-##
-#
-#song_list_format = {%a - }{%t}|{$8%f$9}$R{$3%l$9}
-#
-#song_status_format = {{%a{ "%b"{ (%y)}} - }{%t}}|{%f}
-#
-#song_library_format = {%n - }{%t}|{%f}
-#
-#alternative_header_first_line_format = $b$1$aqqu$/a$9 {%t}|{%f} $1$atqq$/a$9$/b
-#
-alternative_header_second_line_format = {{$7$b%a$/b$9}{ - $7%b$9}}|{%D}
-#
-current_item_prefix = $6$r
-#
-current_item_suffix = $/r$(end)
-#
-#current_item_inactive_column_prefix = $(white)$r
-#
-#current_item_inactive_column_suffix = $/r$(end)
-#
-now_playing_prefix = $u$b
-#
-now_playing_suffix = $/u$/b
-#
-#browser_playlist_prefix = "$2playlist$9 "
-#
-#selected_item_prefix = $6
-#
-#selected_item_suffix = $9
-#
-#modified_item_prefix = $3> $9
-#
-##
-## Note: attributes are not supported for the following variables.
-##
-#song_window_title_format = {%a - }{%t}|{%f}
-##
-## Note: Below variables are used for sorting songs in browser.  The sort mode
-## determines how songs are sorted, and can be used in combination with a sort
-## format to specify a custom sorting format.  Available values for
-## browser_sort_mode are "type", "name", "mtime", "format" and "none".
-##
-#
-#browser_sort_mode = type
-#
-#browser_sort_format = {%a - }{%t}|{%f} {%l}
-#
-##### columns settings #####
-##
-## syntax of song columns list format is "column column etc."
-##
-## - syntax for each column is:
-##
-## (width of the column)[color of the column]{displayed tag}
-##
-## Note: Width is by default in %, if you want a column to have fixed size, add
-## 'f' after the value, e.g. (10)[white]{a} will be the column that take 10% of
-## screen (so the real width will depend on actual screen size), whereas
-## (10f)[white]{a} will take 10 terminal cells, no matter how wide the screen
-## is.
-##
-## - color is optional (if you want the default one, leave the field empty).
-##
-## Note: You can give a column additional attributes by putting appropriate
-## character after displayed tag character. Available attributes are:
-##
-## - r - column will be right aligned
-## - E - if tag is empty, empty tag marker won't be displayed
-##
-## You can also:
-##
-## - give a column custom name by putting it after attributes, separated with
-##   character ':', e.g. {lr:Length} gives you right aligned column of lengths
-##   named "Length".
-##
-## - define sequence of tags, that have to be displayed in case predecessor is
-##   empty in a way similar to the one in classic song format, i.e. using '|'
-##   character, e.g. {a|c|p:Owner} creates column named "Owner" that tries to
-##   display artist tag and then composer and performer if previous ones are not
-##   available.
-##
-#
-song_columns_list_format = (20)[]{a} (6f)[cyan]{NE} (50)[white]{t|f:Title} (20)[cyan]{b} (7f)[blue]{l}
-#
-##### various settings #####
-#
-##
-## Note: Custom command that will be executed each time song changes. Useful for
-## notifications etc.
-##
-execute_on_song_change = notify-send "$(mpc --format '%title% - %artist%' current)" -t 5000
-#
-##
-## Note: Custom command that will be executed each time player state
-## changes. The environment variable MPD_PLAYER_STATE is set to the current
-## state (either unknown, play, pause, or stop) for its duration.
-##
-#
-#execute_on_player_state_change = ""
-#
-#playlist_show_mpd_host = no
-#
-playlist_show_remaining_time = yes
-#
-playlist_shorten_total_times = yes
-#
-#playlist_separate_albums = no
-#
-##
-## Note: Possible display modes: classic, columns.
-##
-#playlist_display_mode = columns
-#
-browser_display_mode = classic
-#
-#search_engine_display_mode = classic
-#
-#playlist_editor_display_mode = classic
-#
-#discard_colors_if_item_is_selected = yes
-#
-#show_duplicate_tags = yes
-#
-#incremental_seeking = yes
-#
-#seek_time = 1
-#
-#volume_change_step = 2
-#
-autocenter_mode = yes
-#
-centered_cursor = yes
-#
-##
-## Note: You can specify third character which will be used to build 'empty'
-## part of progressbar.
-##
-progressbar_look = =>-
-#
-## Available values: database, playlist.
-##
-#default_place_to_search_in = database
-#
-## Available values: classic, alternative.
-##
-user_interface = alternative
-#
-data_fetching_delay = yes
-#
-## Available values: artist, album_artist, date, genre, composer, performer.
-##
-#media_library_primary_tag = artist
-#
-#media_library_albums_split_by_date = yes
-#
-#media_library_hide_album_dates = no
-#
-## Available values: wrapped, normal.
-##
-#default_find_mode = wrapped
-#
-#default_tag_editor_pattern = %n - %t
-#
-#header_visibility = yes
-#
-#statusbar_visibility = yes
-#
-## Show the "Connected to ..." message on startup
-#connected_message_on_startup = yes
-#
-#titles_visibility = yes
-#
-#header_text_scrolling = yes
-#
-#cyclic_scrolling = no
-#
-lyrics_fetchers = genius, musixmatch, sing365, metrolyrics, azlyrics, justsomelyrics, jahlyrics, plyrics, tekstowo, zeneszoveg, internet
-#
-follow_now_playing_lyrics = yes
-#
-fetch_lyrics_for_current_song_in_background = no
-#
-store_lyrics_in_song_dir = yes
-#
-#generate_win32_compatible_filenames = yes
-#
-allow_for_physical_item_deletion = yes
-#
-##
-## Note: If you set this variable, ncmpcpp will try to get info from last.fm in
-## language you set and if it fails, it will fall back to english. Otherwise it
-## will use english the first time.
-##
-## Note: Language has to be expressed as an ISO 639 alpha-2 code.
-##
-#lastfm_preferred_language = en
-#
-space_add_mode = add_remove
-#
-#show_hidden_files_in_local_browser = no
-#
-##
-## How shall screen switcher work?
-##
-## - "previous" - switch between the current and previous screen.
-## - "screen1,...,screenN" - switch between given sequence of screens.
-##
-## Screens available for use: help, playlist, browser, search_engine,
-## media_library, playlist_editor, tag_editor, outputs, visualizer, clock,
-## lyrics, last_fm.
-##
-screen_switcher_mode = previous
-#
-##
-## Note: You can define startup screen by choosing screen from the list above.
-##
-#startup_screen = playlist
-#
-##
-## Note: You can define startup slave screen by choosing screen from the list
-## above or an empty value for no slave screen.
-##
-startup_slave_screen = ""
-#
-#startup_slave_screen_focus = no
-#
-##
-## Default width of locked screen (in %).  Acceptable values are from 20 to 80.
-##
-#
-#locked_screen_width_part = 50
-#
-#ask_for_locked_screen_width_part = yes
-#
-#jump_to_now_playing_song_at_start = yes
-#
-#ask_before_clearing_playlists = yes
-#
-#clock_display_seconds = no
-#
-display_volume_level = yes
-#
-display_bitrate = yes
-#
-#display_remaining_time = no
-#
-## Available values: none, basic, extended, perl.
-##
-#regular_expressions = perl
-#
-##
-## Note: if below is enabled, ncmpcpp will ignore leading "The" word while
-## sorting items in browser, tags in media library, etc.
-##
-#ignore_leading_the = no
-#
-##
-## Note: if below is enabled, ncmpcpp will ignore diacritics while searching and
-## filtering lists. This takes an effect only if boost was compiled with ICU
-## support.
-##
-#ignore_diacritics = no
-#
-#block_search_constraints_change_if_items_found = yes
-#
-#mouse_support = yes
-#
-#mouse_list_scroll_whole_page = no
-#
-#lines_scrolled = 5
-#
-#empty_tag_marker = <empty>
-#
-#tags_separator = " | "
-#
-#tag_editor_extended_numeration = no
-#
-#media_library_sort_by_mtime = no
-#
-#enable_window_title = yes
-#
-##
-## Note: You can choose default search mode for search engine. Available modes
-## are:
-##
-## - 1 - use mpd built-in searching (no regexes, pattern matching)
-##
-## - 2 - use ncmpcpp searching (pattern matching with support for regexes, but
-##       if your mpd is on a remote machine, downloading big database to process
-##       it can take a while
-##
-## - 3 - match only exact values (this mode uses mpd function for searching in
-##       database and local one for searching in current playlist)
-##
-#
-#search_engine_default_search_mode = 1
-#
-external_editor = nvim
-#
-## Note: set to yes if external editor is a console application.
-##
-use_console_editor = yes
-#
-##### colors definitions #####
-##
-## It is possible to set a background color by setting a color value
-## "<foreground>_<background>", e.g. red_black will set foregound color to red
-## and background color to black.
-##
-## In addition, for terminals that support 256 colors it is possible to set one
-## of them by using a number in range [1, 256] instead of color name,
-## e.g. numerical value corresponding to red_black is 2_1. To find out if the
-## terminal supports 256 colors, run ncmpcpp and check out the bottom of the
-## help screen for list of available colors and their numerical values.
-##
-## What is more, there are two special values for the background color:
-## "transparent" and "current". The first one explicitly sets the background to
-## be transparent, while the second one allows you to preserve current
-## background color and change only the foreground one. It's used implicitly
-## when background color is not specified.
-##
-## Moreover, it is possible to attach format information to selected color
-## variables by appending to their end a colon followed by one or more format
-## flags, e.g. black:b or red:ur. The following variables support this syntax:
-## visualizer_color, color1, color2, empty_tag_color, volume_color,
-## state_line_color, state_flags_color, progressbar_color,
-## progressbar_elapsed_color, player_state_color, statusbar_time_color,
-## alternative_ui_separator_color.
-##
-## Note: due to technical limitations of older ncurses version, if 256 colors
-## are used there is a possibility that you'll be able to use only colors with
-## transparent background.
-#
-colors_enabled = yes
-#
-empty_tag_color = cyan
-#
-header_window_color = cyan
-#
-volume_color = green
-#
-state_line_color = magenta
-#
-state_flags_color = magenta:b
-#
-main_window_color = blue
-#
-color1 = white
-#
-color2 = blue
-#
-progressbar_color = black:b
-#
-progressbar_elapsed_color = cyan:b
-#
-statusbar_color = magenta
-#
-statusbar_time_color = cyan:b
-#
-player_state_color = yellow:b
-#
-alternative_ui_separator_color = black:b
-#
-window_border_color = black
-#
-active_window_border = red
-#

.config/sway/config

@@ -12,14 +12,15 @@ set $menu wofi | xargs swaymsg exec --
 exec wlsunset -l 30.4 -L 104.0 -T 6500 -t 3500
 exec light -S 70
 exec --no-startup-id pipewire
-exec mako
+exec swaync
 exec playerctld daemon
 
 #my keybinds
 
 bindsym $mod+Ctrl+l exec ~/.config/sway/scripts/logout.sh
-bindsym $mod+Print exec grim ~/Pictures/Screenshots/$(date +'%H:%M_%y%m%d.png') && \
+bindsym $mod+Print exec grim ~/Pictures/Screenshots/$(date +'%y%m%d%H%M.png') && \
 exec notify-send -t 3000 'Screenshot saved.'
+bindsym $mod+n exec swaync-client -t -sw
 
 #set gtk theme
 
@@ -35,13 +36,12 @@ exec_always {
 #set colour
 
 #color class            border  backgr. text    indicator child_border
-client.focused          #a093c7 #161821 #d2d4de #84a0c6   #a093c7
+client.focused          #87c095 #2a2f33 #bfddb2 #415c6d   #7fbbb3
-client.focused_inactive #6b7089 #161821 #d2d4de #84a0c6   #6b7089
+client.focused_inactive #3f464b #2a2f33 #bfddb2 #415c6d   #3f464b
-client.unfocused        #6b7089 #161821 #d2d4de #84a0c6   #6b7089
+client.unfocused        #3f464b #2a2f33 #bfddb2 #415c6d   #3f464b
-client.urgent           #e27878 #161821 #d2d4de #84a0c6   #bf616a
+client.urgent           #d76e6e #2a2f33 #bfddb2 #415c6d   #e68183
-client.placeholder      #6b7089 #161821 #d2d4de #84a0c6   #6b7089
+client.placeholder      #3f464b #2a2f33 #bfddb2 #415c6d   #3f464b
-client.background       #6b7089
+client.background       #3f464b #2a2f33
-#2e3440
 
 #bind fn keys
 
@@ -60,7 +60,7 @@ bindsym XF86AudioPrev exec 'playerctl previous'
 
 #borders stuff
 
-default_border pixel 2
+default_border pixel 1
 #workspace_auto_back_and_forth yes
 force_display_urgency_hint 500 ms
 smart_borders no_gaps
@@ -164,5 +164,5 @@ bindsym $mod+0 scratchpad show
 
 bar swaybar_command waybar
 
-output * bg $(find ~/Pictures/Wallpapers/ -type f | shuf -n1) fill
+output * bg $(find ~/Pictures/Wallpapers/serenade/ -type f | shuf -n1) fill
 include /etc/sway/config.d/*

.config/sway/scripts/logout.sh

@@ -8,7 +8,7 @@ if test "$choice" = lock ; then
     timeout 10 'swaymsg "output * dpms off"' resume 'swaymsg "output * dpms on"' \
     &
   idlepid=$!
-  swaylock -e -c 161821 --inside-color 00000003
+  swaylock -e -c 2a2f33 --inside-color 00000003
   kill $idlepid
   swaymsg "output * dpms on"
   light -S $bright

.config/swaync/config.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "/etc/xdg/swaync/configSchema.json",
+  "positionX": "right",
+  "positionY": "top",
+  "control-center-margin-top": 12,
+  "control-center-margin-bottom": 256,
+  "control-center-margin-right": 8,
+  "control-center-margin-left": 8,
+  "timeout": 10,
+  "timeout-low": 5,
+  "timeout-critical": 0,
+  "notification-window-width": 500,
+  "keyboard-shortcuts": true,
+  "image-visibility": "always",
+  "transition-time": 200,
+  "hide-on-clear": true,
+  "hide-on-action": true,
+  "script-fail-notify": true,
+  "scripts": {
+    "example-script": {
+      "exec": "echo 'Do something...'",
+      "urgency": "Normal"
+    }
+  }
+}

.config/swaync/style.css

@@ -0,0 +1,160 @@
+/*
+ * vim: ft=less 
+ */
+
+@define-color border-color #7f868c;
+@define-color bg #2e3338;
+@define-color bg-trans rgba(46, 51, 56, 0.9);
+@define-color bg-hover #373d41;
+@define-color bg-focus #474f54;
+@define-color bg-selected #3f464b;
+@define-color fg #bfddb2;
+@define-color orange #e5a46b;
+@define-color blue #82abbc;
+
+.notification-row {
+  outline: none;
+	background: transparent;
+}
+.notification-row:focus,
+.notification-row:hover {
+  background: @bg-hover;
+}
+
+.notification {
+  border-radius: 3px;
+  margin: 6px 12px;
+  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.3);
+  padding: 0;
+}
+
+.notification-content {
+  background: transparent;
+  padding: 6px;
+  border-radius: 3px;
+}
+
+.close-button {
+  background: black;
+  color: white;
+  text-shadow: none;
+  padding: 0 2px;
+  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.3);
+  border-radius: 50%;
+}
+.close-button:hover {
+  background: rgb(30, 30, 30);
+  transition: all 0.15s ease-in-out;
+}
+
+.notification-default-action,
+.notification-action {
+  padding: 4px;
+  margin: 0;
+  box-shadow: none;
+  background: @bg;
+  border: 1px solid @border-color;
+}
+
+.notification-default-action:hover,
+.notification-action:hover {
+  background: @bg-hover;
+}
+
+.notification-default-action {
+  border-radius: 3px;
+}
+
+/* When alternative actions are visible */
+.notification-default-action:not(:only-child) {
+  border-bottom-left-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+
+.notification-action {
+  border-radius: 0px;
+  border-top: none;
+  border-right: none;
+}
+
+/* add bottom border radius to eliminate clipping */
+.notification-action:first-child {
+  border-bottom-left-radius: 10px;
+}
+.notification-action:last-child {
+  border-bottom-right-radius: 10px;
+  border-right: 1px solid @border-color;
+}
+
+.image {
+}
+
+.body-image {
+  margin-top: 6px;
+  background-color: white;
+  border-radius: 3px;
+}
+
+.summary {
+  color: @fg;
+  text-shadow: none;
+}
+
+.time {
+  color: @fg;
+  text-shadow: none;
+}
+
+.body {
+  background: transparent;
+  color: @fg;
+  text-shadow: none;
+}
+
+.top-action-title {
+  color: @fg;
+  text-shadow: none;
+}
+
+.control-center-clear-all {
+  color: @orange;
+  text-shadow: none;
+  background: @bg;
+  border: 1px solid @border-color;
+  box-shadow: none;
+  border-radius: 3px;
+}
+.control-center-clear-all:hover {
+  background: @bg-hover;
+}
+
+.control-center-dnd {
+  border-radius: 3px;
+  background: @bg;
+  border: 1px solid @border-color;
+  box-shadow: none;
+}
+
+.control-center-dnd:checked {
+  background: @blue;
+}
+.control-center-dnd slider {
+  border-radius: 3px;
+  background: @bg-hover;
+  border: 1px solid @border-color;
+}
+
+.control-center {
+  background: @bg-trans;
+	border-radius: 5px;
+	border: 1px solid @border-color;
+}
+.control-center-list {
+  background: @bg-trans;
+	border: 1px @border-color;
+	border-style: dashed solid hidden solid;
+}
+
+.floating-notifications {
+  background: transparent;
+}

.config/waybar/config

@@ -2,9 +2,9 @@
 	"layer": "top", // Waybar at top layer
 		"height": 24, // Waybar height (to be removed for auto height)
 		// Choose the order of the modules
-		"modules-left": ["sway/workspaces", "sway/window"],
+		"modules-left": ["sway/workspaces"],
-		"modules-center": [],
+		"modules-center": ["sway/window"],
-		"modules-right": ["tray","custom/player","network","battery","clock"],
+		"modules-right": ["custom/notification","tray","custom/player","network","battery","clock"],
 		"tray": {
 			"spacing": 10
 		},
@@ -38,6 +38,22 @@
 		//	"exec": "sleep 10 && curl 'https://wttr.in/?format=%t+(%f)+%c'",
 		//	"interval": 1800
 		//},
+		"custom/notification": {
+			"tooltip": false,
+			"format": "{icon}",
+			"format-icons": {
+				"notification": "<span foreground='red'><sup></sup></span>",
+				"none": "",
+				"dnd-notification": "<span foreground='red'><sup></sup></span>",
+				"dnd-none": ""
+			},
+			"return-type": "json",
+			"exec-if": "which swaync-client",
+			"exec": "swaync-client -swb",
+			"on-click": "swaync-client -t -sw",
+			"on-click-right": "swaync-client -d -sw",
+			"escape": true
+		},
 		"custom/player": {
 			"escape": true,
 			"exec": "playerctl metadata --format '{{uc(playerName)}}: {{ artist }} - {{ album }} - {{ title }} {{emoji(status)}}' || echo 'Stopped  '",

.config/waybar/serenade.css

@@ -0,0 +1,24 @@
+@define-color background #2a2f33;
+@define-color selection_background  #474f54;
+@define-color foreground #bfddb2;
+@define-color black #2a2f33;
+@define-color red   #d76e6e;
+@define-color green #acb765;
+@define-color yellow #c1bf89;
+@define-color blue  #82abbc;
+@define-color magenta #d39bb6;
+@define-color cyan  #689d6a;
+@define-color white #d8caac;
+@define-color aqua  #87c095;
+@define-color orange #e5a46b;
+
+@define-color magenta_b #d699b6;
+@define-color cyan_b   #83c092;
+@define-color yellow_b #dbbc7f;
+@define-color white_b  #d8caac;
+@define-color black_b  #2f464b;
+@define-color red_b    #e68183;
+@define-color green_b  #a7c080;
+@define-color blue_b   #7fbbb3;
+@define-color aqua_b   #8ec07c;
+@define-color orange_b #e5a46b;

.config/waybar/style.css

@@ -1,74 +1,102 @@
 * {
   border: none;
   border-radius: 0;
-  font-size: 14px;
+  font-size: 13px;
   min-height: 0;
-  color: #c6c8d1;
 }
 
+@import "serenade.css";
+
 window#waybar {
-  background: rgba(30, 33, 50, 0.9);
+  background: @background;
+  border-bottom: 2px solid @aqua;
+  color: @white_b;
 }
 
 #workspaces {
   margin: 5px 10px;
 }
+
 #workspaces button {
-  padding: 0 12px;
+  padding: 0 5px;
-  border-radius: 0;
+  background: transparent;
+  color: @foreground;
+  border-bottom: 2px solid transparent;
 }
 
 #workspaces button.focused {
-  background: rgba(160, 147, 199, 0.5);
+  background: @foreground;
-  border-radius: 2px;
+	color: @selection_background;
-}
-
-#workspaces button:hover {
-  background-color: rgba(173, 160, 211, 0.2);
-  border-radius: 2px;
 }
 
 #workspaces button.urgent {
-  background-color: #e27878;
+  background-color: @magenta;
-  border-radius: 2px;
 }
 
+#mode,
 #clock,
-#battery,
+#battery {
-#network,
+  padding: 0 10px;
-/* #custom-weather, */
+  margin: 0 5px;
-#custom-player {
-  background-color: #161821;
-  padding: 0px 10px;
-  margin: 5px 0px;
 }
 
+
 #clock {
-  border-radius: 0px 2px 2px 0px;
+  background-color: @green;
-  margin-right: 10px;
+  color: @background;
+}
+
+#battery {
+  background-color: @yellow;
+  color: @background;
+}
+
+#battery.charging {
+  color: @background;
+  background-color: @green;
 }
 
 @keyframes blink {
   to {
-    background-color: #d2d4de;
+    background-color: @white_b;
-    color: #161821;
+    color: @background;
   }
 }
 
-#battery.charging {
+/* #idle_inhibitor, */
-  color: #b4be82;
+/* #pulseaudio, */
+/* #custom-openvpn, */
+/* #network, */
+/* #cpu, */
+/* #memory, */
+/* #temperature, */
+/* #backlight, */
+/* #battery, */
+/* #clock, */
+/* #tray { */
+/*   padding: 0 6px; */
+/*   margin: 0 3px; */
+/* } */
+
+#clock,
+#battery,
+#network,
+#custom-notification,
+#custom-player {
+  padding: 0px 10px;
+  margin: 0px 5px;
 }
 
-#battery.critical:not(.charging) {
+#clock {
-  background-color: #e98989;
+  margin-right: 10px;
+}
+
+#battery.warning:not(.charging) {
+  background: @red;
+  color: @white_b;
   animation-name: blink;
-  animation-duration: 1.0s;
+  animation-duration: 0.5s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation-direction: alternate;
 }
-
-#custom-player {
-  border-radius: 2px 0px 0px 2px;
-  margin-left: 10px;
-}

.config/wofi/config

@@ -1,9 +1,12 @@
+# style
 style=/home/juan/.config/wofi/style.css
 xoffset=660
 yoffset=275
-show=drun
 width=600
 height=500
+
+# opts
+show=drun
 always_parse_args=true
 show_all=true
 print_command=true

.config/wofi/style.css

@@ -1,33 +1,33 @@
 window {
   margin: 0px;
-  border: 2px solid #6b7089;
+  border: 1px solid #7f868c;
-  border-radius: 2px;
+  border-radius: 3px;
-  background-color: #161821;
+  background-color: #2a2f33;
   font-family: monospace;
   font-size: 14px;
 }
 
 #input {
   margin: 5px;
-  border: 1px solid #1e2132;
+  border: 1px solid #bfddb2;
-  color: #d2d4de;
+  color: #c1bf89;
-  background-color: #161821;
+  background-color: #2e3338;
 }
 
 #input image {
-  color: #d2d4de;
+  color: #bfddb2;
 }
 
 #inner-box {
   margin: 5px;
   border: none;
-  background-color: #161821;
+  background-color: #2a2f33;
 }
 
 #outer-box {
   margin: 5px;
   border: none;
-  background-color: #161821;
+  background-color: #2a2f33;
 }
 
 #scroll {
@@ -38,18 +38,20 @@ window {
 #text {
   margin: 5px;
   border: none;
-  color: #d2d4de;
+  color: #bfddb2;
 }
 
 #entry:selected {
-  background-color: #1e2132;
+  background-color: #474f54;
+	color: #c1bf89;
   border-radius: 3px;
   font-weight: normal;
 }
 
 #text:selected {
-  background-color: #1e2132;
+  background-color: #474f54;
+	color: #c1bf89;
   border-radius: 3px;
-  font-weight: normal;
+  font-weight: bold;
 }
 

.zshrc

@@ -78,7 +78,7 @@ n ()
         return
     fi
     NNN_TMPFILE="${XDG_CONFIG_HOME:-$HOME/.config}/nnn/.lastd"
-    nnn "$@"
+    PAGER="bat" nnn "$@"
     if [ -f "$NNN_TMPFILE" ]; then
             . "$NNN_TMPFILE"
             rm -f "$NNN_TMPFILE" > /dev/null

README.md

@@ -0,0 +1,30 @@
+# Dotfiles
+
+This is my dot files on a Gentoo Linux laptop, with SwayWM and pipewire.
+
+# Software that this dotfile includes
+
+| Name | Description |
+|------|-------------|
+|swayWM|Tiling WM|
+|waybar|Custom bar for sway|
+|swayNC|Notification center|
+|wofi|App launcher|
+|kitty|Terminal emulator|
+|mpv|Video player|
+|tmux|Split terminal|
+|zathura|PDF viewer|
+
+# Depencencies
+
+|Name|Description|
+|wlsunset|Shift blue color based on time|
+|light|CLI for managing backlight|
+|pipewire|Sound deamon|
+|playerctld|Control players|
+|grim|Take screenshots|
+
+# Screenshots
+
+![Tiling](https://user-images.githubusercontent.com/72336775/161365659-a5eb6f76-15e8-453e-843a-e72cd299db2a.png)
+![Empty](https://user-images.githubusercontent.com/72336775/161365663-da04ec60-5a8d-495d-8ae3-69fe172d961d.png)