feat: start switch to ags

This commit is contained in:
matt1432 2023-08-27 10:31:41 -04:00
parent f37c5759ca
commit 9988ba3719
7 changed files with 131 additions and 0 deletions

32
config/ags/colors.scss Normal file
View file

@ -0,0 +1,32 @@
$darkbg: #0b0d16;
$bg: rgba(40, 42, 54, 0.8); //rgba(69, 71, 90, 0.3); #0d0f18;
$bgfull: rgb(40, 42, 54);
$contrastbg: rgba(189, 147, 249, 0.8);
$bgSecondary: #11131c;
$bgSecondaryAlt: #a5b6cf;
$fg: #a5b6cf;
$fgDim: #a5b6cf;
$watermelon: #dd6777;
// Aliases
$background: $bg;
$backgroundSecondary: $bgSecondary;
$backgroundSecondaryAlt: $bgSecondaryAlt;
$foreground: $fg;
$foregroundDim: $fgDim;
$black: #151720;
$dimblack: #1a1c25;
$lightblack: #262831;
$red: #dd6777;
$blue: #86aaec;
$cyan: #93cee9;
$blue-desaturated: #93cee9;
$magenta: #c296eb;
$purple: #c296eb;
$green: #90ceaa;
$aquamarine: #90ceaa;
$yellow: #ecd3a0;
$accent: $blue;
$javacafeMagenta: #c296eb;
$javacafeBlue: #86aaec;

15
config/ags/config.js Normal file
View file

@ -0,0 +1,15 @@
import { execAsync, writeFile } from 'resource:///com/github/Aylur/ags/utils.js';
import { Powermenu } from 'file:///home/matt/.nix/config/ags/powermenu/powermenu.js';
const scss = ags.App.configDir + '/style.scss';
const css = ags.App.configDir + '/style.css';
ags.Utils.exec(`touch ${css}`);
ags.Utils.exec(`sassc ${scss} ${css}`);
export default {
style: css,
windows: [
Powermenu
]
}

View file

@ -0,0 +1,37 @@
export const Powermenu = ags.Widget.Window({
name: 'powermenu',
popup: true,
layer: 'overlay',
child: ags.Widget.CenterBox({
className: 'powermenu',
vertical: false,
startWidget: ags.Widget.Button({
className: 'shutdown',
onPrimaryClickRelease: 'echo shutdown',
child: ags.Widget.Label({
label: '襤',
}),
}),
centerWidget: ags.Widget.Button({
className: 'reboot',
onPrimaryClickRelease: 'echo reboot',
child: ags.Widget.Label({
label: '勒',
}),
}),
endWidget: ags.Widget.Button({
className: 'logout',
onPrimaryClickRelease: 'echo logout',
child: ags.Widget.Label({
label: '',
}),
}),
}),
});

View file

@ -0,0 +1,36 @@
.powermenu {
background-color: $bg;
color: $fg;
padding: 10px;
font-family: MesloLGS NF;
/*font-family: Iosevka Nerd Font;*/
font-size: 70px;
border-radius: 30px;
border: 2px solid $contrastbg;
label {
min-width: 140px;
min-height: 130px;
}
button {
margin-right: 10px;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 12px;
min-width: 80px;
transition: all ease .2s;
&:hover { background-color: $bgSecondary; }
&:active { background-color: $bgSecondary; }
.content {
border-radius: 4px;
padding: 0px 15px 0px 15px;
}
}
.shutdown { color: $red; }
.reboot { color: $magenta; }
.logout { color: $yellow; }
}
.powermenu-clickhandler {
background-color: black;
}

6
config/ags/style.scss Normal file
View file

@ -0,0 +1,6 @@
* {
all: unset;
}
@import "/home/matt/.nix/config/ags/colors.scss";
@import "/home/matt/.nix/config/ags/powermenu/powermenu.scss";

View file

@ -13,6 +13,9 @@ in
"gtklock/config.ini".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/gtklock/config.ini"; "gtklock/config.ini".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/gtklock/config.ini";
"gtklock/style.css".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/gtklock/style.css"; "gtklock/style.css".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/gtklock/style.css";
"ags/config.js".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/ags/config.js";
"ags/style.scss".source = config.lib.file.mkOutOfStoreSymlink "${configDir}/ags/style.scss";
}; };
programs = { programs = {

View file

@ -13,6 +13,8 @@ in
home.packages = [ home.packages = [
(builtins.getFlake "github:hyprwm/Hyprland").packages.x86_64-linux.default (builtins.getFlake "github:hyprwm/Hyprland").packages.x86_64-linux.default
(builtins.getFlake "path:/home/matt/git/hyprland-touch-gestures").packages.x86_64-linux.default (builtins.getFlake "path:/home/matt/git/hyprland-touch-gestures").packages.x86_64-linux.default
(builtins.getFlake "github:Aylur/ags").packages.x86_64-linux.default
pkgs.sassc
pkgs.kora-icon-theme pkgs.kora-icon-theme
pkgs.coloryou pkgs.coloryou
]; ];