dank/command-center
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

dotfiles: recolor noctalia theme yellow to red

Browse Source 
Adds custom palette "Gruber Red" (live at
~/.config/noctalia/palettes/Gruber Red.json, symlinked into this repo's
noctalia package). Derived from community "Gruber Darker" with jq:
dark mPrimary/terminal yellow/terminal foreground -> #f43841 (bright
yellow -> #ff4f58), light-mode yellows -> the light error reds. Custom
source, so the community-palette md5 sync cannot revert it.

gtk-3/gtk-4 noctalia.css are regenerated artifacts of templates-apply
(accent_* now red) committed so every host renders the same recolor.
This commit is contained in:
Frank
2026-09-13 23:51:11 -07:00
parent 60dc0bba92
commit 93bd4737f3
3 changed files with 174 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dotfiles/gtk-3.0/.config/gtk-3.0/noctalia.css
+25 -25
View File
@@ -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;
dotfiles/gtk-4.0/.config/gtk-4.0/noctalia.css
+55 -55
View File
@@ -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);
}
dotfiles/noctalia/.config/noctalia/palettes/Gruber Red.json
+94
View File
@@ -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"
}
}
}