jonny
/
Hyprland-Dots
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

updated swaync, Settings animation and DarkLight.sh

pull/106/head
JaKooLit 2 years ago
parent
1e2a3b25aa
commit
33d4cd47ce
4 changed files with 88 additions and 56 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      config/hypr/configs/Settings.conf
  2. 15
      config/hypr/scripts/DarkLight.sh
  3. 10
      config/swaync/config.json
  4. 103
      config/swaync/style.css

14
config/hypr/configs/Settings.conf
Unescape View File

@ -1,6 +1,7 @@
## /* ---- 💫 https://github.com/JaKooLit 💫 ---- */ ##
## refer to Hyprland wiki for more info https://wiki.hyprland.org/Configuring/Variables
# Sourcing colors generated by pywal
source = $HOME/.cache/wal/colors-hyprland
# blurls = waybar
@ -26,7 +27,7 @@ general {
border_size = 2
resize_on_border = true
col.active_border = $color0 $color2 $color4 $color6 $color8 45deg
col.active_border = $color0 $color2 $color4 $color6 $color8 90deg
col.inactive_border = $backgroundCol
layout = master
@ -79,12 +80,13 @@ animations {
bezier = sligshot, 1, -1, 0.15, 1.25
bezier = nice, 0, 6.9, 0.5, -4.20
animation = windowsIn, 1, 5, slow, popin
animation = windowsOut, 1, 5, winOut, popin
animation = windows, 1, 6, wind, slide
animation = windowsIn, 1, 6, winIn, slide
animation = windowsOut, 1, 5, winOut, slide
animation = windowsMove, 1, 5, wind, slide
animation = border, 1, 10, linear
animation = borderangle, 1, 100, linear, loop
animation = fade, 1, 5, overshot
animation = border, 1, 1, linear
animation = borderangle, 1, 150, linear, loop
animation = fade, 1, 10, default
animation = workspaces, 1, 5, wind
animation = windows, 1, 5, bounce, popin
}

15
config/hypr/scripts/DarkLight.sh
Unescape View File

@ -1,10 +1,11 @@
#!/bin/bash
#set -x
set -x
# Paths
wallpaper_base_path="$HOME/Pictures/wallpapers/Dynamic-Wallpapers"
dark_wallpapers="$wallpaper_base_path/Dark"
light_wallpapers="$wallpaper_base_path/Light"
hypr_config_path="$HOME/.config/hypr"
swaync_style="$HOME/.config/swaync/style.css"
SCRIPTSDIR="$HOME/.config/hypr/scripts"
notif="$HOME/.config/swaync/images/bell.png"
dark_rofi_pywal="$HOME/.cache/wal/colors-rofi-dark.rasi"
@ -61,6 +62,15 @@ set_waybar_style "$next_mode"
notify_user "$next_mode"
# swaync color change
if [ "$next_mode" = "Dark" ]; then
sed -i '/@define-color noti-bg/s/rgba([0-9]*,\s*[0-9]*,\s*[0-9]*,\s*[0-9.]*);/rgba(0, 0, 0, 0.8);/' "${swaync_style}"
sed -i '/@define-color noti-bg-alt/s/#.*;/#111111;/' "${swaync_style}"
else
sed -i '/@define-color noti-bg/s/rgba([0-9]*,\s*[0-9]*,\s*[0-9]*,\s*[0-9.]*);/rgba(255, 255, 255, 0.9);/' "${swaync_style}"
sed -i '/@define-color noti-bg-alt/s/#.*;/#F0F0F0;/' "${swaync_style}"
fi
# Set Dynamic Wallpaper for Dark or Light Mode
if [ "$next_mode" = "Dark" ]; then
next_wallpaper="$(find "${dark_wallpapers}" -type f \( -iname "*.jpg" -o -iname "*.png" \) -print0 | shuf -n1 -z | xargs -0)"
@ -177,8 +187,7 @@ sleep 1
${SCRIPTSDIR}/Refresh.sh
# Display notifications for theme and icon changes
notify-send -u normal -i "$notif" "Themes are set to $selected_theme"
notify-send -u normal -i "$notif" "Icon themes set to $selected_icon"
notify-send -u normal -i "$notif" "Themes in $next_mode Mode"
exit 0

10
config/swaync/config.json
Unescape View File

@ -6,7 +6,7 @@
"control-center-layer": "top",
"layer-shell": true,
"cssPriority": "application",
"control-center-margin-top": 0,
"control-center-margin-top": 10,
"control-center-margin-bottom": 0,
"control-center-margin-right": 0,
"control-center-margin-left": 0,
@ -31,9 +31,9 @@
"widgets": [
"dnd",
"buttons-grid",
/* "mpris", */
/* "volume", */
/* "backlight",*/
"mpris",
"volume",
"backlight",
"title",
"notifications"
],
@ -51,7 +51,7 @@
"text": "Notification"
},
"mpris": {
"image-size": 20,
"image-size": 10,
"image-radius": 0
},
"volume": {

103
config/swaync/style.css
Unescape View File

@ -1,10 +1,13 @@
/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
@import '../../.cache/wal/colors-waybar.css';
@define-color noti-border-color @color2;
@define-color noti-bg @background;
@define-color noti-bg-darker rgba(43, 43, 57, 0.6);
@define-color noti-bg rgba(0, 0, 0, 0.8);
@define-color noti-bg-alt #111111;
@define-color noti-bg-hover @color2;
@define-color text-color @color7;
@define-color text-color @color2;
@define-color text-color-alt @color7;
@define-color text-color-disabled rgba(150, 150, 150, 0.8);
* {
@ -14,26 +17,24 @@
.control-center .notification-row:focus,
.control-center .notification-row:hover {
opacity: 0.5;
opacity: 1;
background: @noti-bg;
border-radius: 10px
}
.notification-row {
outline: none;
margin: 10px;
padding: 0;
margin: 0px;
}
.notification {
background: transparent;
padding: 0px;
margin: 0px;
border-radius: 10px;
}
.notification-content {
.notification-content{
color: @text-color;
background: @noti-bg;
padding: 6px;
padding: 3px 10px 3px 6px;
border-radius: 10px;
border: 2px solid @noti-border-color;
margin: 0px;
@ -73,12 +74,12 @@
.notification-default-action:hover,
.notification-action:hover {
color: @text-color;
background: #7aa2f7
background: @color1
}
.notification-default-action {
border-radius: 10px;
margin: 0px;
margin: 5px;
}
.notification-default-action:not(:only-child) {
@ -109,7 +110,7 @@
}
.inline-reply-button {
font-size: 0.5rem;
font-size: 0.5rem;
margin-left: 4px;
background: @noti-bg;
border: 1px solid @noti-border-color;
@ -129,21 +130,21 @@
.body-image {
margin-top: 6px;
background-color: #fff;
color: @text-color-alt;
border-radius: 10px
}
.summary {
font-size: 1rem;
font-weight: 700;
font-weight: 200;
background: transparent;
color: rgba(158, 206, 106, 0.9);
color: @text-color-alt;
text-shadow: none
}
.time {
font-size: 1rem;
font-weight: 700;
font-weight: 200;
background: transparent;
color: @text-color;
text-shadow: none;
@ -152,7 +153,7 @@
.body {
font-size: 1rem;
font-weight: 400;
font-weight: 200;
background: transparent;
color: @text-color;
text-shadow: none
@ -169,7 +170,7 @@
}
.control-center-list-placeholder {
opacity: .5
opacity: 0.5
}
.floating-notifications {
@ -182,9 +183,9 @@
.widget-title {
color: @noti-border-color;
background: @noti-bg-darker;
background: @noti-bg-alt;
padding: 3px 6px;
margin: 10px 10px 5px 10px;
margin: 5px;
font-size: 1rem;
border-radius: 10px;
}
@ -203,9 +204,9 @@
}
.widget-dnd {
background: @noti-bg-darker;
padding: 3px 5px 3px 5px;
margin: 5px 10px 10px 10px;
background: @noti-bg-alt;
padding: 3px 6px;
margin: 5px;
border-radius: 10px;
font-size: 1rem;
color: @noti-border-color;
@ -233,7 +234,7 @@
}
.widget-label {
margin: 0px;
margin: 5px;
}
.widget-label>label {
@ -243,9 +244,9 @@
.widget-mpris {
color: @text-color;
background: @noti-bg-darker;
padding: 2px 6px;
margin: 5px 10px 5px 10px;
background: @noti-bg-alt;
padding: 3px 6px;
margin: 5px;
border-radius: 10px;
}
@ -254,25 +255,26 @@
}
.widget-mpris-player {
padding: 5px 10px;
margin: 10px
padding: 3px 6px;
margin: 5px;
}
.widget-mpris-title {
font-weight: 700;
font-size: 1.25rem
font-weight: 100;
font-size: 1rem
}
.widget-mpris-subtitle {
font-size: 1.1rem
font-size: 0.75rem
}
.widget-buttons-grid {
font-size: x-large;
font-size: large;
color: @noti-border-color;
padding: 2px;
margin: 0px;
margin: 5px;
border-radius: 10px;
background: @noti-bg-darker;
background: @noti-bg-alt;
}
.widget-buttons-grid>flowbox>flowboxchild>button {
@ -284,7 +286,7 @@
.widget-buttons-grid>flowbox>flowboxchild>button:hover {
background: rgba(122, 162, 247, 0.1);
color: @noti-border-color;
color: @text-color-alt
}
.widget-menubar>box>.menu-button-bar>button {
@ -298,12 +300,12 @@
}
.widget-volume {
background: @noti-bg-darker;
background: @noti-bg-alt;
padding: 2px;
margin: 10px 10px 5px 10px;
border-radius: 10px;
font-size: x-large;
color: @text-color;
color: @text-color
}
.widget-volume>box>button {
@ -316,13 +318,32 @@
padding: 4px 8px 8px;
margin: 0 8px 8px;
border-radius: 10px;
color: @text-color
}
.widget-backlight {
background: @noti-bg-darker;
background: @noti-bg-alt;
padding: 5px;
margin: 10px 10px 5px 10px;
border-radius: 10px;
font-size: x-large;
color: @text-color
}
.low {
background: @text-color;
padding: 0px;
border-radius: 10px;
}
.normal {
background: @text-color;
padding: 0px;
border-radius: 10px;
}
.critical {
background: red;
padding: 0px;
border-radius: 10px;
}

Write Preview
Loading…
Cancel
Save