sokai/mynixos-config
1
1
Fork 0
forked from mirrors_public/oddlama_nix-config
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: some more playing around with deadd, but still not to my liking

Browse source
This commit is contained in:
oddlama 2023-10-01 17:33:27 +02:00
parent 954d659264
commit 59bee10697
No known key found for this signature in database
GPG key ID: 14EFE510775FE39A
2 changed files with 130 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

4
users/modules/deadd-notification-center.nix
View file

@ -60,13 +60,13 @@ in {
config.xdg.configFile."deadd/deadd.yml".source config.xdg.configFile."deadd/deadd.yml".source
config.xdg.configFile."deadd/deadd.css".source config.xdg.configFile."deadd/deadd.css".source
]; ];
Restart = "always";
RestartSec = "1sec";
}; };
Service = { Service = {
Type = "dbus"; Type = "dbus";
BusName = "org.freedesktop.Notifications"; BusName = "org.freedesktop.Notifications";
ExecStart = "${cfg.package}/bin/deadd-notification-center"; ExecStart = "${cfg.package}/bin/deadd-notification-center";
Restart = "always";
RestartSec = "1sec";
}; };
}; };
}; };

196
users/myuser/graphical/deadd.css
View file

@ -1,139 +1,199 @@
/* Notification center */ /* Notification center */
.blurredBG, #main_window, .blurredBG.low, .blurredBG.normal { .deadd-noti-center {
background: rgba(255, 255, 255, 0.5); color: #ffffff;
} }
.noti-center.time { .blurredBG, #main_window, .blurredBG.low, .blurredBG.normal {
font-size: 32px; background: #000000;
} }
/* Notifications */ /* Notifications */
.notification.content { .notificationInCenter, .notification.container {
margin-left: 15px; background: #333;
margin-right: 15px; border-radius: .825em;
} padding: .75em;
margin-left: .25em;
.title { margin-right: .25em;
font-weight: bold; margin-top: .25em;
font-size: 16px; margin-bottom: -.75em;
}
.appname {
font-size: 12px;
}
.time {
font-size: 12px;
} }
.blurredBG.notification { .blurredBG.notification {
background: rgba(255, 255, 255, 0.4); background: #333;
} }
.blurredBG.notification.critical { .notificationInCenter > *, .notification > * {
background: rgba(255, 0, 0, 0.5); margin: 0em;
} }
.notificationInCenter.critical { .notification.appname, .in-center.appname {
background: rgba(155, 0, 20, 0.5); color: #aaa;
font-weight: normal;
font-size: 1.125rem;
}
.notification.body, .in-center.body {
font-size: 1.5rem;
margin-bottom: .25em;
margin-top: .25em;
margin-left: 0em;
}
.notification.title, .in-center.title {
font-weight: bold;
font-size: 1.75rem;
}
.notification.image, .in-center.image {
}
.notification.icon, .in-center.icon {
}
.notification.actionbutton, .in-center.actionbutton {
} }
/* Labels */ .notification.scale, .in-center.scale {
margin-top: .25em;
label { margin-bottom: .25em;
color: #322; margin-left: -.75em;
margin-right: -.75em;
} }
label.notification { .notification.scale slider, .in-center.scale slider {
color: #322; margin: -.375em;
min-width: 1.375em;
min-height: 1.375em;
} }
label.critical { .notification.scale trough, .in-center.scale trough {
color: #000; background-color: #111;
color: #111;
border-color: transparent;
border-radius: 1em;
} }
.notificationInCenter label.critical {
color: #000; .notification.scale trough highlight, .in-center.scale trough highlight {
background-color: #f00;
color: #f00;
border-color: transparent;
border-radius: 1em;
}
.notification.appname {
}
.notification.body {
}
.notification.title {
}
.notification.image {
margin-left: -1em;
margin-right: 1em;
}
.notification.icon {
}
.notification.actionbutton {
}
.in-center {
}
.in-center.appname {
}
.in-center.body {
}
.in-center.title {
}
.in-center.time {
color: #777;
font-weight: bold;
font-size: 1.125rem;
font-family: normal;
}
.in-center.image {
}
.in-center.icon {
}
.in-center.button-close {
}
.in-center.actionbutton {
}
.noti-center.body {
}
.noti-center.time {
font-size: 4rem;
font-weight: normal;
margin-left: .25em;
}
.noti-center.date {
font-size: 2rem;
margin-left: .75em;
}
/* BUG: missing .noti-center class upstream */
.deadd-noti-center.delete-all {
font-size: 2rem;
}
.noti-center.userbutton {
} }
/* Buttons */ /* Buttons */
button { button {
background: transparent; background: transparent;
color: #322; border-radius: 3px;
border-radius: 3px; border-width: 0px;
border-width: 0px; background-position: 0px 0px;
background-position: 0px 0px; text-shadow: none;
text-shadow: none;
} }
button:hover { button:hover {
border-radius: 3px; border-radius: 3px;
background: rgba(0, 20, 20, 0.2); background: rgba(0, 20, 20, 0.2);
border-width: 0px; border-width: 0px;
border-top: transparent; border-top: transparent;
border-color: #f00; border-color: #f00;
color: #fee;
} }
/* Custom Buttons */ /* Custom Buttons */
.userbutton { .userbutton {
background: rgba(20,0,0, 0.15); background: rgba(20,0,0, 0.15);
} }
.userbuttonlabel { .userbuttonlabel {
color: #222; font-size: 12px;
font-size: 12px;
} }
.userbutton:hover { .userbutton:hover {
background: rgba(20, 0, 0, 0.2); background: rgba(20, 0, 0, 0.2);
} }
.userbuttonlabel:hover { .userbuttonlabel:hover {
color: #111;
} }
button.buttonState1 { button.buttonState1 {
background: rgba(20,0,0,0.5); background: rgba(20,0,0,0.5);
} }
.userbuttonlabel.buttonState1 { .userbuttonlabel.buttonState1 {
color: #fff;
} }
button.buttonState1:hover { button.buttonState1:hover {
background: rgba(20,0,0, 0.4); background: rgba(20,0,0, 0.4);
} }
.userbuttonlabel.buttonState1:hover { .userbuttonlabel.buttonState1:hover {
color: #111;
} }
button.buttonState2 { button.buttonState2 {
background: rgba(255,255,255,0.3); background: rgba(255,255,255,0.3);
} }
.userbuttonlabel.buttonState2 { .userbuttonlabel.buttonState2 {
color: #111;
} }
button.buttonState2:hover { button.buttonState2:hover {
background: rgba(20,0,0, 0.3); background: rgba(20,0,0, 0.3);
} }
.userbuttonlabel.buttonState2:hover { .userbuttonlabel.buttonState2:hover {
color: #000;
} }
/* Images */
image.deadd-noti-center.notification.image {
margin-left: 20px;
}