change themes
This commit is contained in:
@@ -4,10 +4,12 @@ in
|
||||
home.file = {
|
||||
".config/wallpapers".source = "${configDir}/wallpapers";
|
||||
".config/kitty/macchiato.conf".source = "${configDir}/kitty/macchiato.conf";
|
||||
".config/kitty/nord.conf".source = "${configDir}/kitty/nord.conf";
|
||||
".config/wlogout".source = "${configDir}/wlogout"; #
|
||||
".config/waybar/scripts".source = "${configDir}/waybar/scripts";
|
||||
".config/waybar/macchiato.css".source = "${configDir}/waybar/macchiato.css";
|
||||
".config/btop/themes/catppuccin_macchiato.theme".source = "${configDir}/btop/themes/catppuccin_macchiato.theme";
|
||||
".config/waybar/nord.css".source = "${configDir}/waybar/nord.css";
|
||||
".config/btop/themes".source = "${configDir}/btop/themes";
|
||||
".config/nwg-drawer".source = "${configDir}/nwg-drawer";
|
||||
".config/nwg-panel".source = "${configDir}/nwg-panel";
|
||||
};
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
programs.btop = {
|
||||
enable = true;
|
||||
settings = {
|
||||
color_theme = "/home/matt/.config/btop/themes/catppuccin_macchiato.theme";
|
||||
color_theme = "/home/matt/.config/btop/themes/nord.theme";
|
||||
theme_background = true;
|
||||
truecolor = true;
|
||||
force_tty = false;
|
||||
|
||||
42
hosts/desktop/hyprland/config/btop/themes/nord.theme
Normal file
42
hosts/desktop/hyprland/config/btop/themes/nord.theme
Normal file
@@ -0,0 +1,42 @@
|
||||
theme[main_bg]="#2e3440"
|
||||
theme[main_fg]="#eceff4"
|
||||
theme[title]="#eceff4"
|
||||
theme[hi_fg]="#8fbcbb"
|
||||
theme[selected_bg]="#3b4252"
|
||||
theme[selected_fg]="#8fbcbb"
|
||||
theme[inactive_fg]="#434c5e"
|
||||
theme[graph_text]="#eceff4"
|
||||
theme[meter_bg]="#3b4252"
|
||||
theme[proc_misc]="#eceff4"
|
||||
theme[cpu_box]="#b48ead"
|
||||
theme[mem_box]="#a3be8c"
|
||||
theme[net_box]="#d08770"
|
||||
theme[proc_box]="#bf616a"
|
||||
theme[div_line]="#3b4252"
|
||||
theme[temp_start]="#a3be8c"
|
||||
theme[temp_mid]="#ebcb8b"
|
||||
theme[temp_end]="#bf616a"
|
||||
theme[cpu_start]="#b48ead"
|
||||
theme[cpu_mid]="#d08770"
|
||||
theme[cpu_end]="#bf616a"
|
||||
theme[free_start]="#a3be8c"
|
||||
theme[free_mid]="#ebcb8b"
|
||||
theme[free_end]="#d08770"
|
||||
theme[cached_start]="#a3be8c"
|
||||
theme[cached_mid]="#ebcb8b"
|
||||
theme[cached_end]="#d08770"
|
||||
theme[available_start]="#eceff4"
|
||||
theme[available_mid]="#bf616a"
|
||||
theme[available_end]="#bf616a"
|
||||
theme[used_start]="#a3be8c"
|
||||
theme[used_mid]="#ebcb8b"
|
||||
theme[used_end]="#bf616a"
|
||||
theme[download_start]="#88c0d0"
|
||||
theme[download_mid]="#88c0d0"
|
||||
theme[download_end]="#d08770"
|
||||
theme[upload_start]="#8fbcbb"
|
||||
theme[upload_mid]="#8fbcbb"
|
||||
theme[upload_end]="#d08770"
|
||||
theme[process_start]="#b48ead"
|
||||
theme[process_mid]="#d08770"
|
||||
theme[process_end]="#bf616a"
|
||||
@@ -11,13 +11,13 @@
|
||||
};
|
||||
|
||||
settings = {
|
||||
include = "~/.config/kitty/macchiato.conf";
|
||||
include = "~/.config/kitty/nord.conf";
|
||||
bold_font = "auto";
|
||||
italic_font = "auto";
|
||||
bold_italic_font = "auto";
|
||||
mouse_hide_wait = "2.0";
|
||||
cursor_shape = "block";
|
||||
url_color = "#0087bd";
|
||||
url_color = "#88c0d0";
|
||||
url_style = "dotted";
|
||||
confirm_os_window_close = "0";
|
||||
background_opacity = "0.8";
|
||||
|
||||
72
hosts/desktop/hyprland/config/kitty/nord.conf
Normal file
72
hosts/desktop/hyprland/config/kitty/nord.conf
Normal file
@@ -0,0 +1,72 @@
|
||||
# vim:ft=kitty
|
||||
|
||||
# The basic colors
|
||||
foreground #eceff4
|
||||
background #2e3440
|
||||
selection_foreground #2e3440
|
||||
selection_background #b48ead
|
||||
|
||||
# Cursor colors
|
||||
cursor #b48ead
|
||||
cursor_text_color #2e3440
|
||||
|
||||
# URL underline color when hovering with mouse
|
||||
url_color #b48ead
|
||||
|
||||
# Kitty window border colors
|
||||
active_border_color #5e81ac
|
||||
inactive_border_color #3b4252
|
||||
bell_border_color #ebcb8b
|
||||
|
||||
# OS Window titlebar colors
|
||||
wayland_titlebar_color #2e3440
|
||||
macos_titlebar_color #2e3440
|
||||
|
||||
# Tab bar colors
|
||||
active_tab_foreground #4c566a
|
||||
active_tab_background #b48ead
|
||||
inactive_tab_foreground #eceff4
|
||||
inactive_tab_background #3b4252
|
||||
tab_bar_background #4c566a
|
||||
|
||||
# Colors for marks (marked text in the terminal)
|
||||
mark1_foreground #2e3440
|
||||
mark1_background #5e81ac
|
||||
mark2_foreground #2e3440
|
||||
mark2_background #b48ead
|
||||
mark3_foreground #2e3440
|
||||
mark3_background #7DC4E4
|
||||
|
||||
# The 16 terminal colors
|
||||
|
||||
# black
|
||||
color0 #2e3440
|
||||
color8 #3b4252
|
||||
|
||||
# red
|
||||
color1 #bf616a
|
||||
color9 #bf616a
|
||||
|
||||
# green
|
||||
color2 #a3be8c
|
||||
color10 #a3be8c
|
||||
|
||||
# yellow
|
||||
color3 #ebcb8b
|
||||
color11 #ebcb8b
|
||||
|
||||
# blue
|
||||
color4 #5e81ac
|
||||
color12 #5e81ac
|
||||
|
||||
# magenta
|
||||
color5 #b48ead
|
||||
color13 #b48ead
|
||||
|
||||
# cyan
|
||||
color6 #88c0d0
|
||||
color14 #88c0d0
|
||||
|
||||
# white
|
||||
color7 #e5e9f0
|
||||
color15 #d8dee9
|
||||
@@ -165,33 +165,23 @@
|
||||
|
||||
# https://catppuccin.com/palette
|
||||
style = ''
|
||||
@define-color rosewater #f4dbd6;
|
||||
@define-color flamingo #f0c6c6;
|
||||
@define-color pink #f5bde6;
|
||||
@define-color mauve #c6a0f6;
|
||||
@define-color red #ed8796;
|
||||
@define-color maroon #ee99a0;
|
||||
@define-color peach #f5a97f;
|
||||
@define-color yellow #eed49f;
|
||||
@define-color green #a6da95;
|
||||
@define-color teal #8bd5ca;
|
||||
@define-color sky #91d7e3;
|
||||
@define-color sapphire #7dc4e4;
|
||||
@define-color blue #8aadf4;
|
||||
@define-color lavender #b7bdf8;
|
||||
@define-color text #cad3f5;
|
||||
@define-color subtext1 #b8c0e0;
|
||||
@define-color subtext0 #a5adcb;
|
||||
@define-color overlay2 #939ab7;
|
||||
@define-color overlay1 #8087a2;
|
||||
@define-color overlay0 #6e738d;
|
||||
@define-color surface2 #5b6078;
|
||||
@define-color surface1 #494d64;
|
||||
@define-color surface0 #363a4f;
|
||||
@define-color base #24273a;
|
||||
@define-color mantle #1e2030;
|
||||
@define-color crust #181926;
|
||||
/*@import "macchiato.css";*/
|
||||
@define-color nord0 #2e3440;
|
||||
@define-color nord1 #3b4252;
|
||||
@define-color nord2 #434c5e;
|
||||
@define-color nord3 #4c566a;
|
||||
@define-color nord4 #d8dee9;
|
||||
@define-color nord5 #e5e9f0;
|
||||
@define-color nord6 #eceff4;
|
||||
@define-color nord7 #8fbcbb;
|
||||
@define-color nord8 #88c0d0;
|
||||
@define-color nord9 #81a1c1;
|
||||
@define-color nord10 #5e81ac;
|
||||
@define-color nord11 #bf616a;
|
||||
@define-color nord12 #d08770;
|
||||
@define-color nord13 #ebcb8b;
|
||||
@define-color nord14 #a3be8c;
|
||||
@define-color nord15 #b48ead;
|
||||
/*@import "nord.css";*/
|
||||
|
||||
* {
|
||||
font-family:
|
||||
@@ -203,7 +193,7 @@
|
||||
|
||||
#waybar {
|
||||
background: transparent;
|
||||
color: @text;
|
||||
color: @nord6;
|
||||
margin: 5px 5px;
|
||||
}
|
||||
|
||||
@@ -211,50 +201,50 @@
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem;
|
||||
background-color: @surface0;
|
||||
background-color: @nord0;
|
||||
opacity: 0.6;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button {
|
||||
color: @lavender;
|
||||
color: @nord10;
|
||||
border-radius: 1rem;
|
||||
padding: 0.4rem;
|
||||
}
|
||||
|
||||
#workspaces button.active {
|
||||
color: @sky;
|
||||
color: @nord8;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button:hover {
|
||||
color: @sapphire;
|
||||
color: @nord7;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button.focused {
|
||||
color: @subtext0;
|
||||
background: @yellow;
|
||||
color: @nord6;
|
||||
background: @nord13;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#workspaces button.urgent {
|
||||
color: @crust;
|
||||
background: @subtext0;
|
||||
color: @nord0;
|
||||
background: @nord6;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#tooltip {
|
||||
background: @surface0;
|
||||
background: @nord0;
|
||||
border-radius: 1rem;
|
||||
border-width: 1rem;
|
||||
border-style: solid;
|
||||
border-color: @crust;
|
||||
border-color: @nord0;
|
||||
}
|
||||
|
||||
#window {
|
||||
color: @lavender;
|
||||
background-color: @surface0;
|
||||
color: @nord15;
|
||||
background-color: @nord0;
|
||||
opacity: 0.6;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
@@ -264,8 +254,8 @@
|
||||
}
|
||||
|
||||
#custom-weather {
|
||||
color: @rosewater;
|
||||
background-color: @surface0;
|
||||
color: @nord10;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0rem 1rem 1rem 0rem;
|
||||
@@ -273,8 +263,8 @@
|
||||
}
|
||||
|
||||
#clock {
|
||||
color: @flamingo;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem 0rem 0rem 1rem;
|
||||
@@ -284,24 +274,24 @@
|
||||
/* ------------- */
|
||||
|
||||
#pulseaudio.microphone {
|
||||
color: @mauve;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0rem 1rem 1rem 0rem;
|
||||
}
|
||||
|
||||
#pulseaudio {
|
||||
color: @red;
|
||||
background-color: @surface0;
|
||||
color: @nord7;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#keyboard-state.numlock {
|
||||
color: @maroon;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
@@ -309,8 +299,8 @@
|
||||
}
|
||||
|
||||
#keyboard-state.capslock {
|
||||
color: @peach;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
@@ -318,24 +308,24 @@
|
||||
}
|
||||
|
||||
#temperature.gpu {
|
||||
color: @yellow;
|
||||
background-color: @surface0;
|
||||
color: @nord10;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#temperature {
|
||||
color: @green;
|
||||
background-color: @surface0;
|
||||
color: @nord9;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#custom-updates {
|
||||
color: @teal;
|
||||
background-color: @surface0;
|
||||
color: @nord8;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
border-radius: 1rem 0rem 0rem 1rem;
|
||||
@@ -345,7 +335,7 @@
|
||||
/* ------------- */
|
||||
|
||||
#tray {
|
||||
background-color: @surface0;
|
||||
background-color: @nord0;
|
||||
padding: 0.5rem 1rem;
|
||||
margin: 5px 0;
|
||||
margin-right: 1rem;
|
||||
|
||||
16
hosts/desktop/hyprland/config/waybar/nord.css
Normal file
16
hosts/desktop/hyprland/config/waybar/nord.css
Normal file
@@ -0,0 +1,16 @@
|
||||
@define-color nord0 #2e3440;
|
||||
@define-color nord1 #3b4252;
|
||||
@define-color nord2 #434c5e;
|
||||
@define-color nord3 #4c566a;
|
||||
@define-color nord4 #d8dee9;
|
||||
@define-color nord5 #e5e9f0;
|
||||
@define-color nord6 #eceff4;
|
||||
@define-color nord7 #8fbcbb;
|
||||
@define-color nord8 #88c0d0;
|
||||
@define-color nord9 #81a1c1;
|
||||
@define-color nord10 #5e81ac;
|
||||
@define-color nord11 #bf616a;
|
||||
@define-color nord12 #d08770;
|
||||
@define-color nord13 #ebcb8b;
|
||||
@define-color nord14 #a3be8c;
|
||||
@define-color nord15 #b48ead;
|
||||
@@ -24,6 +24,7 @@ in
|
||||
ddcutil
|
||||
dunst
|
||||
glib
|
||||
gnome-tweaks
|
||||
gnome-disk-utility
|
||||
gsettings-desktop-schemas
|
||||
hyprland
|
||||
|
||||
@@ -5,21 +5,21 @@ let
|
||||
cursorThemePkg = pkgs.apple-cursor;
|
||||
cursorSize = 24;
|
||||
gtkThemeSize = "compact";
|
||||
gtkThemeAccent = "blue";
|
||||
gtkThemeVariant = "macchiato";
|
||||
gtkTheme = "catppuccin-${gtkThemeVariant}-${gtkThemeAccent}-${gtkThemeSize}";
|
||||
gtkThemePkg = pkgs.catppuccin-gtk.override {
|
||||
size = gtkThemeSize;
|
||||
accents = [ gtkThemeAccent ];
|
||||
variant = gtkThemeVariant;
|
||||
};
|
||||
gtkThemeAccent = "all";
|
||||
gtkThemeVariant = "nord";
|
||||
gtkThemeColor = "dark";
|
||||
gtkTheme = "Colloid-Dark-Compact-Nord";
|
||||
gtkThemePkg = pkgs.colloid-gtk-theme.override {
|
||||
sizeVariants = [ gtkThemeSize ];
|
||||
colorVariants = [ gtkThemeColor ];
|
||||
themeVariants = [ gtkThemeAccent ];
|
||||
tweaks = [ gtkThemeVariant ];
|
||||
};
|
||||
iconThemeColor = "dark"; # "" "light" "dark"
|
||||
iconThemeVariant = "default"; # "" "purple" "pink" "red" "orange" "yellow" "green" "teal" "grey"
|
||||
# iconThemeVariant = "default"; # "" "purple" "pink" "red" "orange" "yellow" "green" "teal" "grey"
|
||||
iconThemeScheme = "nord"; # "" "nord" "dracula" "gruvbox" "everforest" "catppuccin"
|
||||
iconTheme = "Colloid-${iconThemeScheme}-${iconThemeColor}";
|
||||
iconThemePkg = pkgs.colloid-icon-theme.override {
|
||||
schemeVariants = [ iconThemeScheme ];
|
||||
};
|
||||
iconThemePkg = pkgs.colloid-icon-theme.override { schemeVariants = [ iconThemeScheme ]; };
|
||||
in
|
||||
{
|
||||
imports = [
|
||||
@@ -49,10 +49,10 @@ in
|
||||
enable = true;
|
||||
settings = {
|
||||
general = {
|
||||
before_sleep_cmd = "loginctl lock-session"; # lock before suspend.
|
||||
after_sleep_cmd = "hyprctl dispatch dpms on"; # to avoid having to press a key twice to turn on the display.
|
||||
before_sleep_cmd = "loginctl lock-session"; # lock before suspend.
|
||||
after_sleep_cmd = "hyprctl dispatch dpms on"; # to avoid having to press a key twice to turn on the display.
|
||||
ignore_dbus_inhibit = false;
|
||||
lock_cmd = "pidof hyprlock || hyprlock"; # avoid starting multiple hyprlock instances.
|
||||
lock_cmd = "pidof hyprlock || hyprlock"; # avoid starting multiple hyprlock instances.
|
||||
};
|
||||
listener = [
|
||||
# {
|
||||
@@ -84,7 +84,7 @@ in
|
||||
background = [
|
||||
{
|
||||
monitor = "";
|
||||
path = wallpaper; # supports png, jpg, webp (no animations, though)
|
||||
path = wallpaper; # supports png, jpg, webp (no animations, though)
|
||||
color = "rgba(25, 20, 20, 1.0)";
|
||||
|
||||
# all these options are taken from hyprland, see https://wiki.hyprland.org/Configuring/Variables/#blur for explanations
|
||||
@@ -129,8 +129,8 @@ in
|
||||
QT_WAYLAND_DISABLE_WINDOWDECORATION = "1";
|
||||
QT_AUTO_SCREEN_SCALE_FACTOR = "1";
|
||||
GTK_CSD = "0";
|
||||
# WLR_DRM_DEVICES = "/dev/dri/card0";
|
||||
# WLR_NO_HARDWARE_CURSORS = "1";
|
||||
# WLR_DRM_DEVICES = "/dev/dri/card0";
|
||||
# WLR_NO_HARDWARE_CURSORS = "1";
|
||||
CLUTTER_BACKEND = "wayland";
|
||||
# WLR_RENDERER = "vulkan";
|
||||
XCURSOR_THEME = cursorTheme;
|
||||
@@ -151,7 +151,7 @@ in
|
||||
home.pointerCursor = {
|
||||
gtk.enable = true;
|
||||
package = cursorThemePkg;
|
||||
name = cursorTheme;
|
||||
name = cursorTheme;
|
||||
size = cursorSize;
|
||||
};
|
||||
|
||||
@@ -159,8 +159,8 @@ in
|
||||
enable = true;
|
||||
|
||||
cursorTheme = {
|
||||
name = cursorTheme; # macOS-[BigSur, Monterey]-[ , White, White-Windows, Windows]
|
||||
package = cursorThemePkg;
|
||||
name = cursorTheme; # macOS-[BigSur, Monterey]-[ , White, White-Windows, Windows]
|
||||
package = cursorThemePkg;
|
||||
};
|
||||
|
||||
theme = {
|
||||
@@ -182,4 +182,4 @@ in
|
||||
};
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user