add nord css

This commit is contained in:
Aly Raffauf 2024-08-08 22:22:14 -04:00
parent 7394dc9339
commit 54ac5db71f
6 changed files with 185 additions and 23 deletions

View file

@ -315,7 +315,7 @@ in {
#tray, #tray,
#workspaces { #workspaces {
border-radius: 10px; border-radius: 10px;
background: rgba (36, 36, 36, 0.6); background: rgba (46, 52, 64, 0.8);
margin: 5px 10px 0px 10px; margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px; padding: 0px 10px 0px 10px;
} }
@ -327,7 +327,7 @@ in {
#submap, #submap,
#mode { #mode {
color: ${cfg.theme.colors.text}; color: ${cfg.theme.colors.text};
background: rgba(255, 123, 99, 0.6); background: rgba(255, 123, 99, 08);
} }
''; '';

View file

@ -95,7 +95,7 @@ in {
then "Papirus-Dark" then "Papirus-Dark"
else "Papirus"; else "Papirus";
package = pkgs.papirus-icon-theme.override {color = "adwaita";}; package = pkgs.papirus-nord;
}; };
gtk3 = {inherit (gtk) extraConfig extraCss;}; gtk3 = {inherit (gtk) extraConfig extraCss;};

View file

@ -45,6 +45,149 @@ in {
username = "aly"; username = "aly";
}; };
gtk = let
nordCss = ''
@define-color window_bg_color #2E3440;
@define-color window_fg_color #ECEFF4;
@define-color view_bg_color #434C5E;
@define-color view_fg_color @window_fg_color;
@define-color accent_bg_color #8FBCBB;
@define-color accent_fg_color #ffffff;
@define-color accent_color @accent_bg_color;
@define-color headerbar_bg_color #3B4252;
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_fg_color @window_fg_color;
@define-color popover_bg_color #4C566A;
@define-color popover_fg_color @view_fg_color;
@define-color dialog_bg_color @popover_bg_color;
@define-color dialog_fg_color @popover_fg_color;
@define-color card_bg_color @popover_bg_color;
@define-color card_fg_color @window_fg_color;
@define-color sidebar_bg_color @headerbar_bg_color;
@define-color sidebar_fg_color @window_fg_color;
@define-color sidebar_backdrop_color @window_bg_color;
@define-color sidebar_shade_color rgba(0,0,0,0.25);
decoration {
box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.7), 0 0 0 1px shade(@headerbar_bg_color,1.3);
}
decoration:backdrop {
box-shadow: 0 3px 12px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px shade(@headerbar_bg_color,1.1);
}
.tiled decoration, .tiled-top decoration, .tiled-bottom decoration, .tiled-right decoration, .tiled-left decoration {
box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1), 0 0 0 20px transparent;
}
messagedialog.csd decoration, .csd.popup decoration, .maximized .csd.popup decoration {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8), 0 0 0 1px alpha(shade(@headerbar_bg_color,1.3),0.9);
}
.maximized .csd.popup decoration {
border-radius: 6px;
}
.maximized decoration, .fullscreen decoration {
border-radius: 0;
box-shadow: none;
}
.ssd decoration {
box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.3);
}
.ssd decoration:backdrop {
box-shadow: 0 0 0 1px shade(@headerbar_bg_color,1.1);
}
.ssd.maximized decoration, .ssd.maximized decoration:backdrop {
box-shadow: none;
}
.solid-csd decoration {
box-shadow: inset 0 0 0 5px alpha(currentColor,0.5), inset 0 0 0 4px @headerbar_bg_color, inset 0 0 0 1px alpha(currentColor,0.5);
}
.solid-csd decoration:backdrop {
box-shadow: inset 0 0 0 3px @window_bg_color;
}
.titlebar, headerbar {
border-bottom-color: alpha(currentColor,0.15);
}
.titlebar:backdrop, headerbar:backdrop {
border-bottom-color: alpha(currentColor,0.2);
}
button.titlebutton,
windowcontrols > button {
color: transparent;
min-width: 18px;
min-height: 18px;
}
button.titlebutton:backdrop {
opacity: 0.5;
}
windowcontrols > button {
border-radius: 100%;
padding: 0;
margin: 0 5px;
}
windowcontrols > button > image {
padding: 0;
}
button.titlebutton.close,
windowcontrols > button.close {
background-color: #BF616A;
}
button.titlebutton.close:hover,
windowcontrols > button.close:hover {
background-color: #d5979d;
}
button.titlebutton.maximize,
windowcontrols > button.maximize {
background-color: #A3BE8C;
}
button.titlebutton.maximize:hover,
windowcontrols > button.maximize:hover {
background-color: #cadabd;
}
button.titlebutton.minimize,
windowcontrols > button.minimize {
background-color: #EBCB8B;
}
button.titlebutton.minimize:hover,
windowcontrols > button.minimize:hover {
background-color: #f6e8cc;
}
button.titlebutton.close:backdrop, button.titlebutton.maximize:backdrop, button.titlebutton.minimize:backdrop,
windowcontrols > button.close:backdrop,
windowcontrols > button.maximize:backdrop,
windowcontrols > button.minimize:backdrop {
background-color: #4C566A;
}
button.titlebutton.close:backdrop:hover, button.titlebutton.maximize:backdrop:hover, button.titlebutton.minimize:backdrop:hover,
windowcontrols > button.close:backdrop:hover,
windowcontrols > button.maximize:backdrop:hover,
windowcontrols > button.minimize:backdrop:hover {
background-color: #6d7a96;
}
button.titlebutton.close:active, button.titlebutton.maximize:active, button.titlebutton.minimize:active,
windowcontrols > button.close:active,
windowcontrols > button.maximize:active,
windowcontrols > button.minimize:active {
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.3);
}
notebook > header tab:not(:backdrop):checked.reorderable-page,
tabbar tab:not(:backdrop):checked {
background-color: @headerbar_bg_color;
}
.nautilus-window .sidebar {
background-color: @view_bg_color;
}
.nautilus-window .sidebar:backdrop {
background-color: @window_bg_color;
}'';
in {
gtk3.extraCss = nordCss;
gtk4.extraCss = nordCss;
};
programs = { programs = {
git = { git = {
enable = true; enable = true;
@ -99,6 +242,16 @@ in {
zed = { zed = {
enable = true; enable = true;
package = unstable.zed-editor; package = unstable.zed-editor;
settings = {
auto_install_extensions = {nord = true;};
theme = {
dark = "Nord Dark";
light = "Nord Light";
mode = "system";
};
};
}; };
}; };
@ -114,6 +267,14 @@ in {
theme = { theme = {
enable = true; enable = true;
colors = {
text = "#FFFFFF";
background = "#2E3440";
primary = "#8FBCBB";
secondary = "#CA9EE6";
};
wallpaper = "${config.xdg.dataHome}/backgrounds/wallhaven-6d7xmx.jpg"; wallpaper = "${config.xdg.dataHome}/backgrounds/wallhaven-6d7xmx.jpg";
}; };
}; };

View file

@ -3,16 +3,16 @@
pkgs, pkgs,
... ...
}: { }: {
home.file = let # home.file = let
source = builtins.fetchGit { # source = builtins.fetchGit {
url = "https://github.com/rafaelmardojai/firefox-gnome-theme.git"; # url = "https://github.com/rafaelmardojai/firefox-gnome-theme.git";
rev = "fb5b578a4f49ae8705e5fea0419242ed1b8dba70"; # rev = "fb5b578a4f49ae8705e5fea0419242ed1b8dba70";
ref = "master"; # ref = "master";
}; # };
in { # in {
".mozilla/firefox/default/chrome".source = source; # ".mozilla/firefox/default/chrome".source = source;
".mozilla/firefox/work/chrome".source = source; # ".mozilla/firefox/work/chrome".source = source;
}; # };
programs.firefox = { programs.firefox = {
enable = true; enable = true;

View file

@ -84,16 +84,16 @@ in {
}; };
}; };
home.file = let # home.file = let
source = builtins.fetchGit { # source = builtins.fetchGit {
url = "https://github.com/rafaelmardojai/thunderbird-gnome-theme.git"; # url = "https://github.com/rafaelmardojai/thunderbird-gnome-theme.git";
rev = "628fcccb7788e3e0ad34f67114f563c87ac8c1dc"; # rev = "628fcccb7788e3e0ad34f67114f563c87ac8c1dc";
ref = "main"; # ref = "main";
}; # };
in { # in {
".thunderbird/default/chrome".source = source; # ".thunderbird/default/chrome".source = source;
".thunderbird/work/chrome".source = source; # ".thunderbird/work/chrome".source = source;
}; # };
programs = { programs = {
himalaya.enable = true; himalaya.enable = true;

View file

@ -63,6 +63,7 @@
"center(1),class:(org.keepassxc.KeePassXC)" "center(1),class:(org.keepassxc.KeePassXC)"
"float,class:(Bitwarden)" "float,class:(Bitwarden)"
"float,class:(org.keepassxc.KeePassXC)" "float,class:(org.keepassxc.KeePassXC)"
"opacity 0.95,class:(dev.zed.Zed)"
"size 80% 80%,class:(Bitwarden)" "size 80% 80%,class:(Bitwarden)"
"size 80% 80%,class:(org.keepassxc.KeePassXC)" "size 80% 80%,class:(org.keepassxc.KeePassXC)"
"workspace 1,class:(brave-browser)" "workspace 1,class:(brave-browser)"