style: stylix

This commit is contained in:
2024-10-01 15:32:05 +03:00
parent 16828e7daa
commit a1bafd7863
8 changed files with 387 additions and 79 deletions
+4 -5
View File
@@ -1,22 +1,21 @@
{
{ lib, ... }: {
programs.alacritty = {
enable = true;
settings = {
window = {
opacity = 0.5;
opacity = lib.mkDefault 0.5;
blur = true;
};
font = {
font = lib.mkDefault {
size = 13.0;
# draw_bold_text_with_bright_colors = true;
normal = {
family = "JetBrains Mono";
style = "Bold";
};
};
colors.primary.background = "#1d2021";
colors.primary.background = lib.mkDefault "#1d2021";
};
};
}
+1 -1
View File
@@ -1,11 +1,11 @@
{
imports = [
./cursor.nix
./git.nix
./htop.nix
./alacritty.nix
./qt.nix
./sops.nix
./style.nix
./wms/hyprland.nix
./wms/waybar.nix
-14
View File
@@ -1,14 +0,0 @@
{ pkgs, ... }: {
home = {
pointerCursor = {
package = pkgs.vanilla-dmz;
name = "Vanilla-DMZ";
size = 24;
gtk.enable = true;
x11 = {
enable = true;
defaultCursor = true;
};
};
};
}
+36
View File
@@ -0,0 +1,36 @@
{ pkgs, config, lib, ... }: {
stylix = {
enable = true;
targets = {
hyprland.enable = false;
waybar.enable = false;
};
base16Scheme = "${pkgs.base16-schemes}/share/themes/catppuccin-mocha.yaml";
polarity = "dark";
image = pkgs.fetchurl {
url = "https://w.wallhaven.cc/full/kx/wallhaven-kxedr7.jpg";
sha256 = "0ypqnq7bsr2giq7nq1c3xrw2m0gkii9j5zhfp512r93wc96zvm50";
};
fonts = {
monospace = {
name = "JetBrains Mono";
package = pkgs.jetbrains-mono;
};
sizes = {
applications = 13;
desktop = 12;
};
};
opacity = {
popups = .8;
terminal = .5;
};
};
xdg.configFile."helix/config.toml".text = ''theme = "catppuccin_mocha"'';
}
+4 -2
View File
@@ -1,6 +1,8 @@
{ pkgs, lib, config, ... }: {
wayland.windowManager.hyprland =
let
colors = config.lib.stylix.colors;
wallpaper_changer = pkgs.writers.writePython3Bin "wallpaper_changer" {
flakeIgnore = [ "E501" "E111" "E701" "E241" "E731" ];
} /*py*/ ''
@@ -92,8 +94,8 @@
gaps_in = 5;
gaps_out = 20;
border_size = 3;
"col.active_border" = "rgba(33ccffee) rgba(00ff99ee) 45deg";
"col.inactive_border" = "rgba(595959aa)";
"col.active_border" = "rgba(${colors.base0C}ee) rgba(${colors.base0B}ee) 45deg";
"col.inactive_border" = "rgba(${colors.base05}aa)";
layout = "dwindle";
};
+66 -50
View File
@@ -11,7 +11,10 @@
sha256 = "15j2cqg405q37wrrlm70mhp7rx6xnrn92rfm1ix6g3nl98ksh45g";
};
programs.waybar = {
programs.waybar =
let
colors = config.lib.stylix.colors;
in {
enable = true;
settings = {
@@ -170,19 +173,18 @@ window#waybar.hidden {
margin-right: 8px;
border-radius: 10px;
transition: none;
background: #383c4a;
background: #${colors.base00};
}
#workspaces button {
transition: none;
color: #7c818c;
color: #${colors.base04};
background: transparent;
padding: 5px;
font-size: 18px;
}
#workspaces button.persistent {
color: #7c818c;
font-size: 12px;
}
@@ -192,13 +194,12 @@ window#waybar.hidden {
box-shadow: inherit;
text-shadow: inherit;
border-radius: inherit;
color: #383c4a;
background: #7c818c;
color: #${colors.base05};
}
#workspaces button.active {
background: #4e5263;
color: white;
background: #${colors.base02};
color: #${colors.base05};
border-radius: inherit;
}
@@ -206,8 +207,8 @@ window#waybar.hidden {
padding: 8px 0px 8px 8px;
border-radius: 10px 0px 0px 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#keyboard-state {
@@ -215,8 +216,8 @@ window#waybar.hidden {
padding: 8px 8px 8px 0px;
border-radius: 0px 10px 10px 0px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#custom-pacman {
@@ -224,8 +225,8 @@ window#waybar.hidden {
padding-right: 8px;
border-radius: 10px 0px 0px 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#custom-mail {
@@ -233,8 +234,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 0px 10px 10px 0px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#submap {
@@ -242,8 +243,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#clock {
@@ -252,8 +253,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#network {
@@ -262,16 +263,21 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#network.disconnected {
color: #${colors.base00};
background-color: #${colors.base08};
}
#custom-weather {
padding-right: 16px;
border-radius: 0px 10px 10px 0px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#pulseaudio {
@@ -280,13 +286,13 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#pulseaudio.muted {
background-color: #90b1b1;
color: #2a5c45;
background-color: #${colors.base08};
color: #${colors.base01};
}
#custom-mem {
@@ -295,8 +301,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#cpu {
@@ -305,8 +311,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#temperature {
@@ -315,12 +321,12 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#temperature.critical {
background-color: #eb4d4b;
background-color: #${colors.base08};
}
#backlight {
@@ -329,8 +335,8 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#battery {
@@ -339,23 +345,23 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#battery.charging {
color: #ffffff;
background-color: #26A65B;
color: #${colors.base05};
background-color: #${colors.base0B};
}
#battery.warning:not(.charging) {
background-color: #ffbe61;
background-color: #${colors.base09};
color: black;
}
#battery.critical:not(.charging) {
background-color: #f53c3c;
color: #ffffff;
background-color: #${colors.base08};
color: #${colors.base05};
animation-name: blink;
animation-duration: 0.5s;
animation-timing-function: linear;
@@ -368,22 +374,32 @@ window#waybar.hidden {
padding-right: 16px;
border-radius: 10px;
transition: none;
color: #ffffff;
background: #383c4a;
color: #${colors.base05};
background: #${colors.base00};
}
#mpris{
background: #383c4a;
background: #${colors.base00};
border-radius: 10px;
color: white;
color: #${colors.base05};
padding: 0px 8px;
margin: 0px 8px;
}
#mpris.playing {
background-color: #${colors.base0B};
color: #${colors.base01};
}
#mpris.paused {
background-color: #${colors.base0A};
color: #${colors.base01};
}
@keyframes blink {
to {
background-color: #ffffff;
color: #000000;
background-color: #${colors.base05};
color: #${colors.base00};
}
}
'';