formating

This commit is contained in:
joygnu 2024-08-23 19:41:17 +02:00
parent c47c0b02c2
commit 3938452a69
3 changed files with 323 additions and 327 deletions

View file

@ -1,8 +1,7 @@
{inputs,...}: { {inputs, ...}: {
imports = [inputs.ags.homeManagerModules.default]; imports = [inputs.ags.homeManagerModules.default];
programs.ags = { programs.ags = {
enable = true; enable = true;
configDir = ./bar; configDir = ./bar;
}; };
} }

View file

@ -1,46 +1,46 @@
{pkgs,...}:{ {pkgs, ...}: {
services.swaync = { services.swaync = {
enable = true; enable = true;
settings = { settings = {
positionX = "right"; positionX = "right";
positionY = "top"; positionY = "top";
layer = "overlay"; layer = "overlay";
control-center-layer = "top"; control-center-layer = "top";
layer-shell = true; layer-shell = true;
cssPriority = "application"; cssPriority = "application";
control-center-margin-top = 20; control-center-margin-top = 20;
control-center-margin-bottom = 20; control-center-margin-bottom = 20;
control-center-margin-right = 20; control-center-margin-right = 20;
control-center-margin-left = 20; control-center-margin-left = 20;
notification-2fa-action = true; notification-2fa-action = true;
notification-inline-replies = false; notification-inline-replies = false;
notification-icon-size = 64; notification-icon-size = 64;
notification-body-image-height = 100; notification-body-image-height = 100;
notification-body-image-width = 200; notification-body-image-width = 200;
timeout = 3; timeout = 3;
timeout-low = 2; timeout-low = 2;
timeout-critical = 0; timeout-critical = 0;
fit-to-screen = false; fit-to-screen = false;
control-center-width = 500; control-center-width = 500;
control-center-height = 1300; control-center-height = 1300;
notification-window-width = 440; notification-window-width = 440;
keyboard-shortcuts = true; keyboard-shortcuts = true;
image-visibility = "when-available"; image-visibility = "when-available";
transition-time = 200; transition-time = 200;
hide-on-clear = true; hide-on-clear = true;
hide-on-action = true; hide-on-action = true;
script-fail-notify = true; script-fail-notify = true;
widgets = [ widgets = [
"title" "title"
"dnd" "dnd"
"notifications" "notifications"
"mpris" "mpris"
"volume" "volume"
"buttons-grid" "buttons-grid"
]; ];
widget-config = { widget-config = {
title = { title = {
text = "Notification Center"; text = "Notification Center";
clear-all-button = true; clear-all-button = true;
@ -93,54 +93,52 @@ widget-config = {
} }
]; ];
}; };
};
}; };
style = };
'' style = ''
@define-color cc-bg #282828; @define-color cc-bg #282828;
@define-color noti-border-color #32302f; @define-color noti-border-color #32302f;
@define-color noti-bg #3c3836; @define-color noti-bg #3c3836;
@define-color noti-bg-darker #3c3836; @define-color noti-bg-darker #3c3836;
@define-color noti-bg-hover rgb(27, 27, 43); @define-color noti-bg-hover rgb(27, 27, 43);
@define-color noti-bg-focus rgba(27, 27, 27, 0.6); @define-color noti-bg-focus rgba(27, 27, 27, 0.6);
@define-color text-color #f9f5d7; @define-color text-color #f9f5d7;
@define-color text-color-disabled #bdae93; @define-color text-color-disabled #bdae93;
@define-color bg-selected #fabd2f; @define-color bg-selected #fabd2f;
* { * {
font-family: JetBrainsMono NFP; font-family: JetBrainsMono NFP;
font-weight: bold; font-weight: bold;
font-size: 14px font-size: 14px
} }
.control-center .notification-row:focus, .control-center .notification-row:focus,
.control-center .notification-row:hover { .control-center .notification-row:hover {
opacity: 1; opacity: 1;
background: @noti-bg-darker background: @noti-bg-darker
} }
.notification-row { .notification-row {
outline: none; outline: none;
margin: 20px; margin: 20px;
padding: 0; padding: 0;
} }
.notification { .notification {
background: transparent; background: transparent;
margin: 0px; margin: 0px;
} }
.notification-content { .notification-content {
background: @cc-bg; background: @cc-bg;
padding: 7px; padding: 7px;
border-radius: 0px; border-radius: 0px;
border: 2px solid #85796f; border: 2px solid #85796f;
margin: 0; margin: 0;
} }
.close-button { .close-button {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
text-shadow: none; text-shadow: none;
@ -148,186 +146,185 @@ widget-config = {
border-radius: 0px; border-radius: 0px;
margin-top: 5px; margin-top: 5px;
margin-right: 5px; margin-right: 5px;
} }
.close-button:hover { .close-button:hover {
box-shadow: none; box-shadow: none;
background: #fabd2f; background: #fabd2f;
transition: all .15s ease-in-out; transition: all .15s ease-in-out;
border: none border: none
} }
.notification-action { .notification-action {
color: #ebdbb2; color: #ebdbb2;
border: 2px solid #85796f; border: 2px solid #85796f;
border-top: none; border-top: none;
border-radius: 0px; border-radius: 0px;
background: #32302F; background: #32302F;
} }
.notification-default-action:hover, .notification-default-action:hover,
.notification-action:hover { .notification-action:hover {
color: #ebdbb2; color: #ebdbb2;
background: #32302F; background: #32302F;
} }
.summary { .summary {
padding-top: 7px; padding-top: 7px;
font-size: 13px; font-size: 13px;
color: #ebdbb2; color: #ebdbb2;
} }
.time { .time {
font-size: 11px; font-size: 11px;
color: #d79921; color: #d79921;
margin-right: 24px margin-right: 24px
} }
.body { .body {
font-size: 12px; font-size: 12px;
color: #ebdbb2; color: #ebdbb2;
} }
.control-center { .control-center {
background: @cc-bg; background: @cc-bg;
border: 2px solid #4E8A8D; border: 2px solid #4E8A8D;
border-radiu border-radiu
} }
.control-center-list { .control-center-list {
background: transparent background: transparent
} }
.control-center-list-placeholder { .control-center-list-placeholder {
opacity: .5 opacity: .5
} }
.floating-notifications { .floating-notifications {
background: transparent background: transparent
} }
.blank-window { .blank-window {
background: alpha(black, 0.1) background: alpha(black, 0.1)
} }
.widget-title { .widget-title {
color: #f9f5d7; color: #f9f5d7;
background: @noti-bg-darker; background: @noti-bg-darker;
padding: 5px 10px; padding: 5px 10px;
margin: 10px 10px 5px 10px; margin: 10px 10px 5px 10px;
font-size: 1.5rem; font-size: 1.5rem;
border-radius: 5px; border-radius: 5px;
} }
.widget-title>button { .widget-title>button {
font-size: 1rem; font-size: 1rem;
color: @text-color; color: @text-color;
text-shadow: none; text-shadow: none;
background: @noti-bg; background: @noti-bg;
box-shadow: none; box-shadow: none;
border-radius: 5px; border-radius: 5px;
} }
.widget-title>button:hover { .widget-title>button:hover {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
} }
.widget-dnd { .widget-dnd {
background: @noti-bg-darker; background: @noti-bg-darker;
padding: 5px 10px; padding: 5px 10px;
margin: 5px 10px 10px 10px; margin: 5px 10px 10px 10px;
border-radius: 5px; border-radius: 5px;
font-size: large; font-size: large;
color: #f2e5bc; color: #f2e5bc;
} }
.widget-dnd>switch { .widget-dnd>switch {
border-radius: 4px; border-radius: 4px;
background: #665c54; background: #665c54;
} }
.widget-dnd>switch:checked { .widget-dnd>switch:checked {
background: #d79921; background: #d79921;
border: 1px solid #d79921; border: 1px solid #d79921;
} }
.widget-dnd>switch slider { .widget-dnd>switch slider {
background: @cc-bg; background: @cc-bg;
border-radius: 5px border-radius: 5px
} }
.widget-dnd>switch:checked slider { .widget-dnd>switch:checked slider {
background: @cc-bg; background: @cc-bg;
border-radius: 5px border-radius: 5px
} }
.widget-label { .widget-label {
margin: 10px 10px 5px 10px; margin: 10px 10px 5px 10px;
} }
.widget-label>label { .widget-label>label {
font-size: 1rem; font-size: 1rem;
color: @text-color; color: @text-color;
} }
.widget-mpris { .widget-mpris {
color: @text-color; color: @text-color;
background: @noti-bg-darker; background: @noti-bg-darker;
padding: 5px 10px 0px 0px; padding: 5px 10px 0px 0px;
margin: 5px 10px 5px 10px; margin: 5px 10px 5px 10px;
border-radius: 0px; border-radius: 0px;
} }
.widget-mpris > box > button { .widget-mpris > box > button {
border-radius: 5px; border-radius: 5px;
} }
.widget-mpris-player { .widget-mpris-player {
padding: 5px 10px; padding: 5px 10px;
margin: 10px margin: 10px
} }
.widget-mpris-title { .widget-mpris-title {
font-weight: 700; font-weight: 700;
font-size: 1.25rem font-size: 1.25rem
} }
.widget-mpris-subtitle { .widget-mpris-subtitle {
font-size: 1.1rem font-size: 1.1rem
} }
.widget-buttons-grid { .widget-buttons-grid {
font-size: x-large; font-size: x-large;
padding: 5px; padding: 5px;
margin: 5px 10px 10px 10px; margin: 5px 10px 10px 10px;
border-radius: 5px; border-radius: 5px;
background: @noti-bg-darker; background: @noti-bg-darker;
} }
.widget-buttons-grid>flowbox>flowboxchild>button { .widget-buttons-grid>flowbox>flowboxchild>button {
margin: 3px; margin: 3px;
background: @cc-bg; background: @cc-bg;
border-radius: 5px; border-radius: 5px;
color: @text-color color: @text-color
} }
.widget-buttons-grid>flowbox>flowboxchild>button:hover { .widget-buttons-grid>flowbox>flowboxchild>button:hover {
background: #d79921; background: #d79921;
color: @cc-bg; color: @cc-bg;
} }
.widget-menubar>box>.menu-button-bar>button { .widget-menubar>box>.menu-button-bar>button {
border: none; border: none;
background: transparent background: transparent
} }
.topbar-buttons>button { .topbar-buttons>button {
border: none; border: none;
background: transparent background: transparent
} }
'' '';
;
}; };
home.packages = with pkgs; [ home.packages = with pkgs; [