diff --git a/dotfiles/gtk-3.0/.config/gtk-3.0/noctalia.css b/dotfiles/gtk-3.0/.config/gtk-3.0/noctalia.css index 1c6606e..3f71f07 100644 --- a/dotfiles/gtk-3.0/.config/gtk-3.0/noctalia.css +++ b/dotfiles/gtk-3.0/.config/gtk-3.0/noctalia.css @@ -4,45 +4,45 @@ * stylelint-disable at-rule-no-unknown */ -@define-color accent_color #b267e4; -@define-color accent_bg_color #b267e4; -@define-color accent_fg_color #201825; +@define-color accent_color #f43841; +@define-color accent_bg_color #f43841; +@define-color accent_fg_color #181818; -@define-color destructive_bg_color #fd4663; -@define-color destructive_fg_color #201825; +@define-color destructive_bg_color #f43841; +@define-color destructive_fg_color #101010; -@define-color error_bg_color #fd4663; -@define-color error_fg_color #201825; +@define-color error_bg_color #f43841; +@define-color error_fg_color #101010; -@define-color window_bg_color #220f2e; -@define-color window_fg_color #f2f2f3; +@define-color window_bg_color #181818; +@define-color window_fg_color #e4e4ef; -@define-color view_bg_color #220f2e; -@define-color view_fg_color #f2f2f3; +@define-color view_bg_color #181818; +@define-color view_fg_color #e4e4ef; -@define-color headerbar_bg_color #38194d; -@define-color headerbar_fg_color #f2f2f3; +@define-color headerbar_bg_color #282828; +@define-color headerbar_fg_color #e4e4ef; @define-color headerbar_backdrop_color @window_bg_color; -@define-color popover_bg_color #38194d; -@define-color popover_fg_color #f2f2f3; +@define-color popover_bg_color #282828; +@define-color popover_fg_color #e4e4ef; -@define-color card_bg_color #38194d; -@define-color card_fg_color #f2f2f3; +@define-color card_bg_color #282828; +@define-color card_fg_color #e4e4ef; -@define-color dialog_bg_color #220f2e; -@define-color dialog_fg_color #f2f2f3; +@define-color dialog_bg_color #181818; +@define-color dialog_fg_color #e4e4ef; -@define-color overview_bg_color #38194d; -@define-color overview_fg_color #f2f2f3; +@define-color overview_bg_color #282828; +@define-color overview_fg_color #e4e4ef; -@define-color sidebar_bg_color #38194d; -@define-color sidebar_fg_color #f2f2f3; +@define-color sidebar_bg_color #282828; +@define-color sidebar_fg_color #e4e4ef; @define-color sidebar_backdrop_color @window_bg_color; @define-color sidebar_border_color @window_bg_color; -@define-color secondary_sidebar_bg_color #220f2e; -@define-color secondary_sidebar_fg_color #f2f2f3; +@define-color secondary_sidebar_bg_color #181818; +@define-color secondary_sidebar_fg_color #e4e4ef; /* Focused selection states */ @define-color theme_selected_bg_color @accent_bg_color; diff --git a/dotfiles/gtk-4.0/.config/gtk-4.0/noctalia.css b/dotfiles/gtk-4.0/.config/gtk-4.0/noctalia.css index 97197f4..eeee41b 100644 --- a/dotfiles/gtk-4.0/.config/gtk-4.0/noctalia.css +++ b/dotfiles/gtk-4.0/.config/gtk-4.0/noctalia.css @@ -4,45 +4,45 @@ * stylelint-disable at-rule-no-unknown */ -@define-color accent_color #b267e4; -@define-color accent_bg_color #b267e4; -@define-color accent_fg_color #201825; +@define-color accent_color #f43841; +@define-color accent_bg_color #f43841; +@define-color accent_fg_color #181818; -@define-color destructive_bg_color #fd4663; -@define-color destructive_fg_color #201825; +@define-color destructive_bg_color #f43841; +@define-color destructive_fg_color #101010; -@define-color error_bg_color #fd4663; -@define-color error_fg_color #201825; +@define-color error_bg_color #f43841; +@define-color error_fg_color #101010; -@define-color window_bg_color #220f2e; -@define-color window_fg_color #f2f2f3; +@define-color window_bg_color #181818; +@define-color window_fg_color #e4e4ef; -@define-color view_bg_color #220f2e; -@define-color view_fg_color #f2f2f3; +@define-color view_bg_color #181818; +@define-color view_fg_color #e4e4ef; -@define-color headerbar_bg_color #220f2e; -@define-color headerbar_fg_color #f2f2f3; +@define-color headerbar_bg_color #181818; +@define-color headerbar_fg_color #e4e4ef; @define-color headerbar_backdrop_color @window_bg_color; -@define-color popover_bg_color #38194d; -@define-color popover_fg_color #f2f2f3; +@define-color popover_bg_color #282828; +@define-color popover_fg_color #e4e4ef; -@define-color card_bg_color #38194d; -@define-color card_fg_color #f2f2f3; +@define-color card_bg_color #282828; +@define-color card_fg_color #e4e4ef; -@define-color dialog_bg_color #220f2e; -@define-color dialog_fg_color #f2f2f3; +@define-color dialog_bg_color #181818; +@define-color dialog_fg_color #e4e4ef; -@define-color overview_bg_color #38194d; -@define-color overview_fg_color #f2f2f3; +@define-color overview_bg_color #282828; +@define-color overview_fg_color #e4e4ef; -@define-color sidebar_bg_color #38194d; -@define-color sidebar_fg_color #f2f2f3; +@define-color sidebar_bg_color #282828; +@define-color sidebar_fg_color #e4e4ef; @define-color sidebar_backdrop_color @window_bg_color; @define-color sidebar_border_color @window_bg_color; -@define-color secondary_sidebar_bg_color #220f2e; -@define-color secondary_sidebar_fg_color #f2f2f3; +@define-color secondary_sidebar_bg_color #181818; +@define-color secondary_sidebar_fg_color #e4e4ef; /* Focused selection states */ @define-color theme_selected_bg_color @accent_bg_color; @@ -57,51 +57,51 @@ @define-color theme_unfocused_selected_fg_color @accent_fg_color; :root { - --accent-color: #b267e4; - --accent-bg-color: #b267e4; - --accent-fg-color: #201825; + --accent-color: #f43841; + --accent-bg-color: #f43841; + --accent-fg-color: #181818; - --destructive-bg-color: #fd4663; - --destructive-fg-color: #201825; + --destructive-bg-color: #f43841; + --destructive-fg-color: #101010; - --error-bg-color: #fd4663; - --error-fg-color: #201825; - --error-color: #fd4663; + --error-bg-color: #f43841; + --error-fg-color: #101010; + --error-color: #f43841; - --window-bg-color: #220f2e; - --window-fg-color: #f2f2f3; + --window-bg-color: #181818; + --window-fg-color: #e4e4ef; - --view-bg-color: #220f2e; - --view-fg-color: #f2f2f3; + --view-bg-color: #181818; + --view-fg-color: #e4e4ef; - --headerbar-bg-color: #220f2e; - --headerbar-fg-color: #f2f2f3; + --headerbar-bg-color: #181818; + --headerbar-fg-color: #e4e4ef; --headerbar-backdrop-color: @window_bg_color; - --popover-bg-color: #38194d; - --popover-fg-color: #f2f2f3; + --popover-bg-color: #282828; + --popover-fg-color: #e4e4ef; - --card-bg-color: #38194d; - --card-fg-color: #f2f2f3; + --card-bg-color: #282828; + --card-fg-color: #e4e4ef; - --dialog-bg-color: #220f2e; - --dialog-fg-color: #f2f2f3; + --dialog-bg-color: #181818; + --dialog-fg-color: #e4e4ef; - --overview-bg-color: #38194d; - --overview-fg-color: #f2f2f3; + --overview-bg-color: #282828; + --overview-fg-color: #e4e4ef; - --sidebar-bg-color: #38194d; - --sidebar-fg-color: #f2f2f3; + --sidebar-bg-color: #282828; + --sidebar-fg-color: #e4e4ef; --sidebar-backdrop-color: @window_bg_color; --sidebar-border-color: @window_bg_color; - --warning-bg-color: #651a38; - --warning-fg-color: #f3d8e3; - --warning-color: #ce648e; + --warning-bg-color: #3e3278; + --warning-fg-color: #e0deed; + --warning-color: #9e95c7; - --success-color: #d65cce; - --success-bg-color: #6a1664; - --success-fg-color: #f3d8f1; + --success-color: #96a6c8; + --success-bg-color: #324979; + --success-fg-color: #dee3ed; --shade-color: rgba(0, 0, 0, 0.36); } diff --git a/dotfiles/noctalia/.config/noctalia/palettes/Gruber Red.json b/dotfiles/noctalia/.config/noctalia/palettes/Gruber Red.json new file mode 100644 index 0000000..6225f67 --- /dev/null +++ b/dotfiles/noctalia/.config/noctalia/palettes/Gruber Red.json @@ -0,0 +1,94 @@ +{ + "dark": { + "mPrimary": "#f43841", + "mOnPrimary": "#181818", + "mSecondary": "#96a6c8", + "mOnSecondary": "#101010", + "mTertiary": "#9e95c7", + "mOnTertiary": "#101010", + "mError": "#f43841", + "mOnError": "#101010", + "mSurface": "#181818", + "mOnSurface": "#e4e4ef", + "mSurfaceVariant": "#282828", + "mOnSurfaceVariant": "#95a99f", + "mOutline": "#484848", + "mShadow": "#101010", + "mHover": "#453d41", + "mOnHover": "#e4e4ef", + "terminal": { + "foreground": "#f43841", + "background": "#181818", + "normal": { + "black": "#181818", + "red": "#f43841", + "green": "#73c936", + "yellow": "#f43841", + "blue": "#96a6c8", + "magenta": "#9e95c7", + "cyan": "#95a99f", + "white": "#e4e4ef" + }, + "bright": { + "black": "#52494e", + "red": "#ff4f58", + "green": "#73d936", + "yellow": "#ff4f58", + "blue": "#96a6c8", + "magenta": "#afafd7", + "cyan": "#95a99f", + "white": "#f5f5f5" + }, + "cursor": "#e4e4ef", + "cursorText": "#181818", + "selectionFg": "#f4f4ff", + "selectionBg": "#5f627f" + } + }, + "light": { + "mPrimary": "#5f627f", + "mOnPrimary": "#ffffff", + "mSecondary": "#4a8a14", + "mOnSecondary": "#ffffff", + "mTertiary": "#7a6ea8", + "mOnTertiary": "#ffffff", + "mError": "#c73c3f", + "mOnError": "#ffffff", + "mSurface": "#f5f5f5", + "mOnSurface": "#181818", + "mSurfaceVariant": "#e4e4ef", + "mOnSurfaceVariant": "#453d41", + "mOutline": "#c8c8d0", + "mShadow": "#f5f5f5", + "mHover": "#d8d8e4", + "mOnHover": "#181818", + "terminal": { + "foreground": "#181818", + "background": "#f5f5f5", + "normal": { + "black": "#181818", + "red": "#c73c3f", + "green": "#4a8a14", + "yellow": "#c73c3f", + "blue": "#5f627f", + "magenta": "#7a6ea8", + "cyan": "#5a7a6a", + "white": "#f5f5f5" + }, + "bright": { + "black": "#453d41", + "red": "#a02e30", + "green": "#3a6e10", + "yellow": "#a02e30", + "blue": "#7880a0", + "magenta": "#9488c0", + "cyan": "#6a8a7a", + "white": "#ffffff" + }, + "cursor": "#5f627f", + "cursorText": "#ffffff", + "selectionFg": "#181818", + "selectionBg": "#96a6c8" + } + } +}