feat(desktop): change bezier curve

This commit is contained in:
matt1432 2024-10-21 04:04:41 -04:00
parent 086144490b
commit b77a1696b3
5 changed files with 23 additions and 24 deletions
nixosModules/ags
config/scss/wim-widgets
default.nix
v2
lib.ts
widgets/bar

View file

@ -29,6 +29,6 @@
.active {
border: 2px solid #50fa7b;
transition: margin-left 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: margin-left 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
}

View file

@ -145,13 +145,14 @@ in {
settings = {
animations = {
bezier = [
"easeInOutBack, 0.68, -0.6, 0.32, 1.6"
"easeInOutQuart, 0.77, 0 , 0.175, 1"
"easeInExpo , 0.95, 0.05, 0.795, 0.035"
];
animation = [
"fadeLayersIn, 0"
"fadeLayersOut, 1, 3000, default"
"layers, 1, 8, easeInOutBack, slide left"
"fadeLayersIn , 0"
"fadeLayersOut, 1, 3000, easeInExpo"
"layers , 1, 4 , easeInOutQuart, slide left"
];
};

View file

@ -1,6 +1,6 @@
import { Gdk } from 'astal/gtk3';
import AstalHyprland from 'gi://AstalHyprland?version=0.1';
import AstalHyprland from 'gi://AstalHyprland?version=0.1';
const Hyprland = AstalHyprland.get_default();
/* Types */

View file

@ -36,18 +36,18 @@
.occupied {
border: 2px solid $window_bg_color;
background: $accent_color;
transition: background-color 0.6s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.urgent {
border: 2px solid $window_bg_color;
background: red;
transition: background-color 0.6s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.active {
border: 2px solid #50fa7b;
transition: margin-left 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
transition: margin-left 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
}