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.oxidash = {
enable = lib.mkOption {
default = true;
@ -17,52 +24,54 @@
programs.oxidash.enable = true;
xdg.configFile."oxidash/style.css" = {
text = ''
@define-color bg #${scheme.base00};
@define-color primary #${scheme.base0D};
#MainWindow {
border-radius: 10px;
background-color: transparent;
}
#MainBox {
border-radius: 10px;
border: 1px solid @primary;
background-color: @bg;
}
#MainButtonBox {
padding: 10px;
margin: 5px 0px 5px 0px;
border-radius: 5px;
border: solid 2px #327cd5;
border: solid 1px @primary;
}
#DoNotDisturbButton {
}
#DoNotDisturbButton {}
#ExitButton {
}
#ExitButton {}
#ClearNotificationsButton {
}
#ClearNotificationsButton {}
#NotificationsWindow {
}
#NotificationsWindow {}
.debugimage {
border: solid 3px blue;
border: solid 3px @primary;
}
.Notification {
padding: 10px;
margin: 5px 0px 5px 0px;
border: solid 2px #327cd5;
border: solid 1px @primary;
border-radius: 5px;
}
.CloseNotificationButton {
margin: 0px 5px 0px 10px;
}
.PictureButtonBox {
.PictureButtonBox {}
.BaseBox {}
}
.BaseBox {
}
}
'';
};
}

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;