feat(oxinoti/oxidash): Adopt styling to theme

This commit is contained in:
DashieTM 2025-06-22 23:25:16 +02:00
parent d286a7eac9
commit 383d454a12
2 changed files with 54 additions and 27 deletions

View file

@ -2,8 +2,15 @@
lib,
config,
options,
pkgs,
inputs,
...
}: {
}: let
# at time of using this here, stylix might not be evaluated yet
# hence ensure it is by using base16 mkSchemeAttrs
base16 = pkgs.callPackage inputs.base16.lib {};
scheme = base16.mkSchemeAttrs config.stylix.base16Scheme;
in {
options.mods.oxi.oxinoti = {
enable = lib.mkOption {
default = true;
@ -19,7 +26,13 @@
text =
# css
''
@import url("/home/${config.conf.username}/.config/gtk-3.0/gtk.css");
@import url("/home/dashie/.config/gtk-3.0/gtk.css");
@define-color bg #${scheme.base00};
@define-color bghover #${scheme.base02};
@define-color primary #${scheme.base0D};
@define-color red #${scheme.base08};
@define-color green #${scheme.base0B};
#MainWindow {
background-color: transparent;
@ -34,31 +47,37 @@
}
.NotificationBox {
background-color: #353747;
background-color: @bg;
border-radius: 5px;
border: solid 1px;
margin: 0px;
padding: 5px;
}
.NotificationBox button {
background-color: @bg;
}
.NotificationBox button:hover {
background-color: @bghover;
}
.NotificationLow {
border-color: green;
border-color: @green;
}
.NotificationNormal {
border-color: purple;
border-color: @primary;
}
.NotificationUrgent {
border-color: red;
border-color: @red;
}
.miscbox {
margin: 0px 10px 0px 0px;
}
.bodybox {
}
.bodybox {}
.imagebox {
margin: 0px 0px 0px 10px;
@ -84,8 +103,7 @@
font-size: 2rem;
}
.image {
}
.image {}
.bold {
font-weight: bold;