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,
#workspaces {
border-radius: 10px;
background: rgba (36, 36, 36, 0.6);
background: rgba (46, 52, 64, 0.8);
margin: 5px 10px 0px 10px;
padding: 0px 10px 0px 10px;
}
@ -327,7 +327,7 @@ in {
#submap,
#mode {
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"
else "Papirus";
package = pkgs.papirus-icon-theme.override {color = "adwaita";};
package = pkgs.papirus-nord;
};
gtk3 = {inherit (gtk) extraConfig extraCss;};

View file

@ -45,6 +45,149 @@ in {
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 = {
git = {
enable = true;
@ -99,6 +242,16 @@ in {
zed = {
enable = true;
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 = {
enable = true;
colors = {
text = "#FFFFFF";
background = "#2E3440";
primary = "#8FBCBB";
secondary = "#CA9EE6";
};
wallpaper = "${config.xdg.dataHome}/backgrounds/wallhaven-6d7xmx.jpg";
};
};

View file

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

View file

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

View file

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