firefox: add reader mode support and improve firefoxGnomeTheme (#2126)
Some checks failed
Label Merge Conflicts / conflicts (push) Has been cancelled
Documentation / docs (push) Has been cancelled

Link: https://github.com/nix-community/stylix/pull/2126

Reviewed-by: Flameopathic <flameopathic@gmail.com>
Reviewed-by: 0xda157 <da157@voidq.com>
Reviewed-by: NAHO <90870942+trueNAHO@users.noreply.github.com>
This commit is contained in:
jaredmontoya 2026-01-23 22:15:31 +01:00 committed by GitHub
parent 06684f00cf
commit 749285c90e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 47 additions and 7 deletions

View file

@ -56,6 +56,21 @@ mkTarget {
});
}
)
(
{ cfg, colors }:
{
programs.${name}.profiles = lib.genAttrs cfg.profileNames (_: {
settings = {
"reader.color_scheme" = "custom";
"reader.custom_colors.background" = colors.withHashtag.base00;
"reader.custom_colors.foreground" = colors.withHashtag.base05;
"reader.custom_colors.selection-highlight" = colors.withHashtag.base04;
"reader.custom_colors.unvisited-links" = colors.withHashtag.base0D;
"reader.custom_colors.visited-links" = colors.withHashtag.base0E;
};
});
}
)
(
{
cfg,

View file

@ -1,5 +1,3 @@
@import "firefox-gnome-theme/userChrome.css";
/* This is strongly inspired by ../gtk/gtk.mustache. */
:root {
/* Palette */
@ -49,8 +47,21 @@
--gnome-palette-dark-4: #{{base05-hex}};
--gnome-palette-dark-5: #{{base05-hex}};
/* Accent */
--gnome-accent-bg: #{{base0D-hex}};
--gnome-accent: #{{base0D-hex}};
--gnome-accent-bg-hover: #{{base0D-hex}};
--gnome-accent-hover: #{{base0D-hex}};
/* Colors */
--gnome-warning-bg: #{{base0E-hex}};
--gnome-destructive-bg: var(--gnome-palette-red-3);
--gnome-success-bg: var(--gnome-palette-green-5);
--gnome-warning-bg: var(--gnome-palette-yellow-3);
--gnome-error-bg: var(--gnome-palette-red-4);
--gnome-toolbar-star-button: var(--gnome-palette-yellow-1);
/* Window */
--gnome-window-background: #{{base00-hex}};
@ -59,6 +70,9 @@
--gnome-sidebar-background: #{{base01-hex}};
--gnome-secondary-sidebar-background: #{{base01-hex}};
/* UI Elements */
--gnome-entry-background: color-mix(in srgb, #{{base01-hex}} 40%, #{{base02-hex}} 100%);
/* Card */
--gnome-card-background: #{{base01-hex}};
--gnome-card-shade-color: rgba(0, 0, 0, 0.07);
@ -71,13 +85,23 @@
--gnome-headerbar-shade-color: rgba(0, 0, 0, 0.07);
/* Toolbar */
--toolbox-textcolor: #{{base05-hex}} !important;
--toolbox-textcolor-inactive: #{{base05-hex}} !important;
--toolbar-color: #{{base05-hex}} !important;
--gnome-toolbar-icon-fill: #{{base05-hex}};
/* Tabs */
--gnome-tabbar-tab-hover-background: color-mix(in srgb, #{{base01-hex}}, #{{base02-hex}} 75%);
--gnome-tabbar-tab-active-background: #{{base02-hex}};
--gnome-tabbar-tab-hover-background: color-mix(in srgb, #{{base01-hex}} 50%, #{{base02-hex}} 52%);
--gnome-tabbar-tab-active-background: color-mix(in srgb, #{{base01-hex}} 40%, #{{base02-hex}} 100%);
--gnome-tabbar-tab-active-background-contrast: #{{base02-hex}};
--gnome-tabbar-tab-active-hover-background: color-mix(in srgb, #{{base02-hex}}, #{{base03-hex}} 25%);
--gnome-tabbar-tab-active-hover-background: color-mix(in oklab, #{{base01-hex}} 5.8%, #{{base02-hex}} 100%);
--gnome-tabbar-identity-color-blue: var(--gnome-palette-blue-2);
--gnome-tabbar-identity-color-green: var(--gnome-palette-green-1);
--gnome-tabbar-identity-color-yellow: var(--gnome-palette-yellow-2);
--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-3);
--gnome-tabbar-identity-color-red: var(--gnome-palette-red-1);
--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-1);
/* Private Tabs */
--gnome-private-wordmark: #{{base04-hex}};
@ -86,6 +110,7 @@
&:-moz-window-inactive {
--gnome-tabbar-tab-hover-background: var(--gnome-tabbar-tab-hover-background);
--gnome-tabbar-tab-active-background: var(--gnome-tabbar-tab-active-background);
--gnome-tabbar-tab-active-background: color-mix(in oklab, #{{base01-hex}} 50%, #{{base02-hex}} 77.5%);
--gnome-entry-background: color-mix(in oklab, #{{base01-hex}} 50%, #{{base02-hex}} 77.5%);
}
}