Skip to content

Subway SeatSubway SeatSubway Seat

Desktop

GTK and libadwaita

Window, view, header bar, sidebar, card, dialog, popover and accent colors for libadwaita apps, as named colors and CSS variables. The GTK 3 file needs the adw-gtk3 theme. Flatpak apps only see these files after flatpak override --user --filesystem=xdg-config/gtk-4.0:ro (and gtk-3.0).

Showing WalnutTunnelEnamelMoquetteDeep LevelPortlandGuimardCatacombesCarrelage. Switch flavors with the bullets up top.

GTK and libadwaita Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port Report a problem with this port

The quick way

The installer sets it up for you, then tells you the one thing it can't do. More ways to install

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor walnut --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor tunnel --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor enamel --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor moquette --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor deep --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor portland --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor guimard --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor catacombes --only gtk

curl -fsSL https://oddurs.github.io/subway-seat/install.sh | sh -s -- --flavor carrelage --only gtk

Turn it on

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("subway-seat.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("subway-seat-tunnel.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("subway-seat-enamel.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("london-moquette.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("london-deep-level.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("london-portland.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("paris-guimard.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("paris-catacombes.css");

In ~/.config/gtk-4.0/gtk.css, then restart the apps

@import url("paris-carrelage.css");

Follow light and dark

One setting that changes with your system’s light and dark mode, no switching by hand.

In ~/.config/gtk-4.0/gtk.css (GTK 4.20+, GNOME 49+)

@import url("subway-seat-enamel.css");
@media (prefers-color-scheme: dark) {
  @import url("subway-seat.css");
}

The files

Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)Download all (.zip)

gtk-4.0/subway-seat.csssave as ~/.config/gtk-4.0/subway-seat.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for GTK 4 and libadwaita */

@define-color accent_bg_color #EC7F31;
@define-color accent_fg_color #20160E;
@define-color accent_color #EC7F31;
@define-color destructive_bg_color #E05C45;
@define-color destructive_fg_color #20160E;
@define-color destructive_color #FF8373;
@define-color success_bg_color #ADB956;
@define-color success_fg_color #20160E;
@define-color success_color #ADB956;
@define-color warning_bg_color #F3BF45;
@define-color warning_fg_color #20160E;
@define-color warning_color #F3BF45;
@define-color error_bg_color #E05C45;
@define-color error_fg_color #20160E;
@define-color error_color #FF8373;
@define-color window_bg_color #362619;
@define-color window_fg_color #EDDCBC;
@define-color view_bg_color #362619;
@define-color view_fg_color #EDDCBC;
@define-color headerbar_bg_color #2A1D13;
@define-color headerbar_fg_color #EDDCBC;
@define-color headerbar_border_color #EDDCBC;
@define-color headerbar_backdrop_color #362619;
@define-color headerbar_shade_color rgba(16, 11, 7, 0.36);
@define-color headerbar_darker_shade_color rgba(16, 11, 7, 0.9);
@define-color sidebar_bg_color #2A1D13;
@define-color sidebar_fg_color #D9C6A3;
@define-color sidebar_backdrop_color #302216;
@define-color sidebar_shade_color rgba(16, 11, 7, 0.25);
@define-color sidebar_border_color #20160E;
@define-color secondary_sidebar_bg_color #302216;
@define-color secondary_sidebar_fg_color #EDDCBC;
@define-color secondary_sidebar_backdrop_color #362619;
@define-color secondary_sidebar_shade_color rgba(16, 11, 7, 0.25);
@define-color secondary_sidebar_border_color #20160E;
@define-color card_bg_color rgba(237, 220, 188, 0.08);
@define-color card_fg_color #EDDCBC;
@define-color card_shade_color rgba(16, 11, 7, 0.36);
@define-color dialog_bg_color #43301F;
@define-color dialog_fg_color #EDDCBC;
@define-color popover_bg_color #43301F;
@define-color popover_fg_color #EDDCBC;
@define-color popover_shade_color rgba(16, 11, 7, 0.25);
@define-color thumbnail_bg_color #43301F;
@define-color thumbnail_fg_color #EDDCBC;
@define-color shade_color rgba(16, 11, 7, 0.25);
@define-color scrollbar_outline_color rgba(16, 11, 7, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(237, 220, 188, 0.2);
  --active-toggle-fg-color: #F8ECD4;
  --overview-bg-color: #2A1D13;
  --overview-fg-color: #EDDCBC;
}

gtk-3.0/subway-seat.csssave as ~/.config/gtk-3.0/subway-seat.css
with the adw-gtk3 theme, add @import url("subway-seat.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #EC7F31;
@define-color accent_fg_color #20160E;
@define-color accent_color #EC7F31;
@define-color destructive_bg_color #E05C45;
@define-color destructive_fg_color #20160E;
@define-color destructive_color #FF8373;
@define-color success_bg_color #ADB956;
@define-color success_fg_color #20160E;
@define-color success_color #ADB956;
@define-color warning_bg_color #F3BF45;
@define-color warning_fg_color #20160E;
@define-color warning_color #F3BF45;
@define-color error_bg_color #E05C45;
@define-color error_fg_color #20160E;
@define-color error_color #FF8373;
@define-color window_bg_color #362619;
@define-color window_fg_color #EDDCBC;
@define-color view_bg_color #362619;
@define-color view_fg_color #EDDCBC;
@define-color headerbar_bg_color #2A1D13;
@define-color headerbar_fg_color #EDDCBC;
@define-color headerbar_border_color #EDDCBC;
@define-color headerbar_backdrop_color #362619;
@define-color headerbar_shade_color rgba(16, 11, 7, 0.36);
@define-color headerbar_darker_shade_color rgba(16, 11, 7, 0.9);
@define-color sidebar_bg_color #2A1D13;
@define-color sidebar_fg_color #D9C6A3;
@define-color sidebar_backdrop_color #302216;
@define-color sidebar_shade_color rgba(16, 11, 7, 0.25);
@define-color sidebar_border_color #20160E;
@define-color card_bg_color rgba(237, 220, 188, 0.08);
@define-color card_fg_color #EDDCBC;
@define-color card_shade_color rgba(16, 11, 7, 0.36);
@define-color dialog_bg_color #43301F;
@define-color dialog_fg_color #EDDCBC;
@define-color popover_bg_color #43301F;
@define-color popover_fg_color #EDDCBC;
@define-color popover_shade_color rgba(16, 11, 7, 0.25);
@define-color thumbnail_bg_color #43301F;
@define-color thumbnail_fg_color #EDDCBC;
@define-color shade_color rgba(16, 11, 7, 0.25);
@define-color scrollbar_outline_color rgba(16, 11, 7, 0.95);

gtk-4.0/subway-seat-tunnel.csssave as ~/.config/gtk-4.0/subway-seat-tunnel.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Tunnel for GTK 4 and libadwaita */

@define-color accent_bg_color #EC7F31;
@define-color accent_fg_color #140D07;
@define-color accent_color #EC7F31;
@define-color destructive_bg_color #E05C45;
@define-color destructive_fg_color #140D07;
@define-color destructive_color #FF8373;
@define-color success_bg_color #ADB956;
@define-color success_fg_color #140D07;
@define-color success_color #ADB956;
@define-color warning_bg_color #F3BF45;
@define-color warning_fg_color #140D07;
@define-color warning_color #F3BF45;
@define-color error_bg_color #E05C45;
@define-color error_fg_color #140D07;
@define-color error_color #FF8373;
@define-color window_bg_color #24180E;
@define-color window_fg_color #E9D8B6;
@define-color view_bg_color #24180E;
@define-color view_fg_color #E9D8B6;
@define-color headerbar_bg_color #1B120A;
@define-color headerbar_fg_color #E9D8B6;
@define-color headerbar_border_color #E9D8B6;
@define-color headerbar_backdrop_color #24180E;
@define-color headerbar_shade_color rgba(10, 6, 4, 0.36);
@define-color headerbar_darker_shade_color rgba(10, 6, 4, 0.9);
@define-color sidebar_bg_color #1B120A;
@define-color sidebar_fg_color #D6C3A0;
@define-color sidebar_backdrop_color #20150C;
@define-color sidebar_shade_color rgba(10, 6, 4, 0.25);
@define-color sidebar_border_color #140D07;
@define-color secondary_sidebar_bg_color #20150C;
@define-color secondary_sidebar_fg_color #E9D8B6;
@define-color secondary_sidebar_backdrop_color #24180E;
@define-color secondary_sidebar_shade_color rgba(10, 6, 4, 0.25);
@define-color secondary_sidebar_border_color #140D07;
@define-color card_bg_color rgba(233, 216, 182, 0.08);
@define-color card_fg_color #E9D8B6;
@define-color card_shade_color rgba(10, 6, 4, 0.36);
@define-color dialog_bg_color #302115;
@define-color dialog_fg_color #E9D8B6;
@define-color popover_bg_color #302115;
@define-color popover_fg_color #E9D8B6;
@define-color popover_shade_color rgba(10, 6, 4, 0.25);
@define-color thumbnail_bg_color #302115;
@define-color thumbnail_fg_color #E9D8B6;
@define-color shade_color rgba(10, 6, 4, 0.25);
@define-color scrollbar_outline_color rgba(10, 6, 4, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(233, 216, 182, 0.2);
  --active-toggle-fg-color: #F6EAD1;
  --overview-bg-color: #1B120A;
  --overview-fg-color: #E9D8B6;
}

gtk-3.0/subway-seat-tunnel.csssave as ~/.config/gtk-3.0/subway-seat-tunnel.css
with the adw-gtk3 theme, add @import url("subway-seat-tunnel.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Tunnel for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #EC7F31;
@define-color accent_fg_color #140D07;
@define-color accent_color #EC7F31;
@define-color destructive_bg_color #E05C45;
@define-color destructive_fg_color #140D07;
@define-color destructive_color #FF8373;
@define-color success_bg_color #ADB956;
@define-color success_fg_color #140D07;
@define-color success_color #ADB956;
@define-color warning_bg_color #F3BF45;
@define-color warning_fg_color #140D07;
@define-color warning_color #F3BF45;
@define-color error_bg_color #E05C45;
@define-color error_fg_color #140D07;
@define-color error_color #FF8373;
@define-color window_bg_color #24180E;
@define-color window_fg_color #E9D8B6;
@define-color view_bg_color #24180E;
@define-color view_fg_color #E9D8B6;
@define-color headerbar_bg_color #1B120A;
@define-color headerbar_fg_color #E9D8B6;
@define-color headerbar_border_color #E9D8B6;
@define-color headerbar_backdrop_color #24180E;
@define-color headerbar_shade_color rgba(10, 6, 4, 0.36);
@define-color headerbar_darker_shade_color rgba(10, 6, 4, 0.9);
@define-color sidebar_bg_color #1B120A;
@define-color sidebar_fg_color #D6C3A0;
@define-color sidebar_backdrop_color #20150C;
@define-color sidebar_shade_color rgba(10, 6, 4, 0.25);
@define-color sidebar_border_color #140D07;
@define-color card_bg_color rgba(233, 216, 182, 0.08);
@define-color card_fg_color #E9D8B6;
@define-color card_shade_color rgba(10, 6, 4, 0.36);
@define-color dialog_bg_color #302115;
@define-color dialog_fg_color #E9D8B6;
@define-color popover_bg_color #302115;
@define-color popover_fg_color #E9D8B6;
@define-color popover_shade_color rgba(10, 6, 4, 0.25);
@define-color thumbnail_bg_color #302115;
@define-color thumbnail_fg_color #E9D8B6;
@define-color shade_color rgba(10, 6, 4, 0.25);
@define-color scrollbar_outline_color rgba(10, 6, 4, 0.95);

gtk-4.0/subway-seat-enamel.csssave as ~/.config/gtk-4.0/subway-seat-enamel.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Enamel for GTK 4 and libadwaita */

@define-color accent_bg_color #A04800;
@define-color accent_fg_color #FCF7EF;
@define-color accent_color #A04800;
@define-color destructive_bg_color #992418;
@define-color destructive_fg_color #FCF7EF;
@define-color destructive_color #992418;
@define-color success_bg_color #66740F;
@define-color success_fg_color #FCF7EF;
@define-color success_color #66740F;
@define-color warning_bg_color #976608;
@define-color warning_fg_color #FCF7EF;
@define-color warning_color #976608;
@define-color error_bg_color #992418;
@define-color error_fg_color #FCF7EF;
@define-color error_color #992418;
@define-color window_bg_color #F8EFDF;
@define-color window_fg_color #3E2C1E;
@define-color view_bg_color #F8EFDF;
@define-color view_fg_color #3E2C1E;
@define-color headerbar_bg_color #EEE4D0;
@define-color headerbar_fg_color #3E2C1E;
@define-color headerbar_border_color #3E2C1E;
@define-color headerbar_backdrop_color #F8EFDF;
@define-color headerbar_shade_color rgba(62, 44, 30, 0.12);
@define-color headerbar_darker_shade_color rgba(62, 44, 30, 0.12);
@define-color sidebar_bg_color #EEE4D0;
@define-color sidebar_fg_color #54402F;
@define-color sidebar_backdrop_color #F3EAD8;
@define-color sidebar_shade_color rgba(62, 44, 30, 0.07);
@define-color sidebar_border_color rgba(62, 44, 30, 0.14);
@define-color secondary_sidebar_bg_color #F3EAD8;
@define-color secondary_sidebar_fg_color #3E2C1E;
@define-color secondary_sidebar_backdrop_color #F8EFDF;
@define-color secondary_sidebar_shade_color rgba(62, 44, 30, 0.07);
@define-color secondary_sidebar_border_color rgba(62, 44, 30, 0.14);
@define-color card_bg_color #FCF7EF;
@define-color card_fg_color #3E2C1E;
@define-color card_shade_color rgba(62, 44, 30, 0.07);
@define-color dialog_bg_color #FCF7EF;
@define-color dialog_fg_color #3E2C1E;
@define-color popover_bg_color #FCF7EF;
@define-color popover_fg_color #3E2C1E;
@define-color popover_shade_color rgba(62, 44, 30, 0.07);
@define-color thumbnail_bg_color #FCF7EF;
@define-color thumbnail_fg_color #3E2C1E;
@define-color shade_color rgba(62, 44, 30, 0.07);
@define-color scrollbar_outline_color #FCF7EF;

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: #FCF7EF;
  --active-toggle-fg-color: #3E2C1E;
  --overview-bg-color: #EEE4D0;
  --overview-fg-color: #3E2C1E;
}

gtk-3.0/subway-seat-enamel.csssave as ~/.config/gtk-3.0/subway-seat-enamel.css
with the adw-gtk3 theme, add @import url("subway-seat-enamel.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Enamel for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #A04800;
@define-color accent_fg_color #FCF7EF;
@define-color accent_color #A04800;
@define-color destructive_bg_color #992418;
@define-color destructive_fg_color #FCF7EF;
@define-color destructive_color #992418;
@define-color success_bg_color #66740F;
@define-color success_fg_color #FCF7EF;
@define-color success_color #66740F;
@define-color warning_bg_color #976608;
@define-color warning_fg_color #FCF7EF;
@define-color warning_color #976608;
@define-color error_bg_color #992418;
@define-color error_fg_color #FCF7EF;
@define-color error_color #992418;
@define-color window_bg_color #F8EFDF;
@define-color window_fg_color #3E2C1E;
@define-color view_bg_color #F8EFDF;
@define-color view_fg_color #3E2C1E;
@define-color headerbar_bg_color #EEE4D0;
@define-color headerbar_fg_color #3E2C1E;
@define-color headerbar_border_color #3E2C1E;
@define-color headerbar_backdrop_color #F8EFDF;
@define-color headerbar_shade_color rgba(62, 44, 30, 0.12);
@define-color headerbar_darker_shade_color rgba(62, 44, 30, 0.12);
@define-color sidebar_bg_color #EEE4D0;
@define-color sidebar_fg_color #54402F;
@define-color sidebar_backdrop_color #F3EAD8;
@define-color sidebar_shade_color rgba(62, 44, 30, 0.07);
@define-color sidebar_border_color rgba(62, 44, 30, 0.14);
@define-color card_bg_color #FCF7EF;
@define-color card_fg_color #3E2C1E;
@define-color card_shade_color rgba(62, 44, 30, 0.07);
@define-color dialog_bg_color #FCF7EF;
@define-color dialog_fg_color #3E2C1E;
@define-color popover_bg_color #FCF7EF;
@define-color popover_fg_color #3E2C1E;
@define-color popover_shade_color rgba(62, 44, 30, 0.07);
@define-color thumbnail_bg_color #FCF7EF;
@define-color thumbnail_fg_color #3E2C1E;
@define-color shade_color rgba(62, 44, 30, 0.07);
@define-color scrollbar_outline_color #FCF7EF;

gtk-4.0/london-moquette.csssave as ~/.config/gtk-4.0/london-moquette.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Moquette for GTK 4 and libadwaita */

@define-color accent_bg_color #DE8946;
@define-color accent_fg_color #121826;
@define-color accent_color #DE8946;
@define-color destructive_bg_color #DB6052;
@define-color destructive_fg_color #121826;
@define-color destructive_color #FE8474;
@define-color success_bg_color #77C581;
@define-color success_fg_color #121826;
@define-color success_color #77C581;
@define-color warning_bg_color #F2C03F;
@define-color warning_fg_color #121826;
@define-color warning_color #F2C03F;
@define-color error_bg_color #DB6052;
@define-color error_fg_color #121826;
@define-color error_color #FE8474;
@define-color window_bg_color #1E2941;
@define-color window_fg_color #D8DEEA;
@define-color view_bg_color #1E2941;
@define-color view_fg_color #D8DEEA;
@define-color headerbar_bg_color #172032;
@define-color headerbar_fg_color #D8DEEA;
@define-color headerbar_border_color #D8DEEA;
@define-color headerbar_backdrop_color #1E2941;
@define-color headerbar_shade_color rgba(9, 12, 19, 0.36);
@define-color headerbar_darker_shade_color rgba(9, 12, 19, 0.9);
@define-color sidebar_bg_color #172032;
@define-color sidebar_fg_color #C1C9D8;
@define-color sidebar_backdrop_color #1A243A;
@define-color sidebar_shade_color rgba(9, 12, 19, 0.25);
@define-color sidebar_border_color #121826;
@define-color secondary_sidebar_bg_color #1A243A;
@define-color secondary_sidebar_fg_color #D8DEEA;
@define-color secondary_sidebar_backdrop_color #1E2941;
@define-color secondary_sidebar_shade_color rgba(9, 12, 19, 0.25);
@define-color secondary_sidebar_border_color #121826;
@define-color card_bg_color rgba(216, 222, 234, 0.08);
@define-color card_fg_color #D8DEEA;
@define-color card_shade_color rgba(9, 12, 19, 0.36);
@define-color dialog_bg_color #263451;
@define-color dialog_fg_color #D8DEEA;
@define-color popover_bg_color #263451;
@define-color popover_fg_color #D8DEEA;
@define-color popover_shade_color rgba(9, 12, 19, 0.25);
@define-color thumbnail_bg_color #263451;
@define-color thumbnail_fg_color #D8DEEA;
@define-color shade_color rgba(9, 12, 19, 0.25);
@define-color scrollbar_outline_color rgba(9, 12, 19, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(216, 222, 234, 0.2);
  --active-toggle-fg-color: #E9EDF5;
  --overview-bg-color: #172032;
  --overview-fg-color: #D8DEEA;
}

gtk-3.0/london-moquette.csssave as ~/.config/gtk-3.0/london-moquette.css
with the adw-gtk3 theme, add @import url("london-moquette.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Moquette for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #DE8946;
@define-color accent_fg_color #121826;
@define-color accent_color #DE8946;
@define-color destructive_bg_color #DB6052;
@define-color destructive_fg_color #121826;
@define-color destructive_color #FE8474;
@define-color success_bg_color #77C581;
@define-color success_fg_color #121826;
@define-color success_color #77C581;
@define-color warning_bg_color #F2C03F;
@define-color warning_fg_color #121826;
@define-color warning_color #F2C03F;
@define-color error_bg_color #DB6052;
@define-color error_fg_color #121826;
@define-color error_color #FE8474;
@define-color window_bg_color #1E2941;
@define-color window_fg_color #D8DEEA;
@define-color view_bg_color #1E2941;
@define-color view_fg_color #D8DEEA;
@define-color headerbar_bg_color #172032;
@define-color headerbar_fg_color #D8DEEA;
@define-color headerbar_border_color #D8DEEA;
@define-color headerbar_backdrop_color #1E2941;
@define-color headerbar_shade_color rgba(9, 12, 19, 0.36);
@define-color headerbar_darker_shade_color rgba(9, 12, 19, 0.9);
@define-color sidebar_bg_color #172032;
@define-color sidebar_fg_color #C1C9D8;
@define-color sidebar_backdrop_color #1A243A;
@define-color sidebar_shade_color rgba(9, 12, 19, 0.25);
@define-color sidebar_border_color #121826;
@define-color card_bg_color rgba(216, 222, 234, 0.08);
@define-color card_fg_color #D8DEEA;
@define-color card_shade_color rgba(9, 12, 19, 0.36);
@define-color dialog_bg_color #263451;
@define-color dialog_fg_color #D8DEEA;
@define-color popover_bg_color #263451;
@define-color popover_fg_color #D8DEEA;
@define-color popover_shade_color rgba(9, 12, 19, 0.25);
@define-color thumbnail_bg_color #263451;
@define-color thumbnail_fg_color #D8DEEA;
@define-color shade_color rgba(9, 12, 19, 0.25);
@define-color scrollbar_outline_color rgba(9, 12, 19, 0.95);

gtk-4.0/london-deep-level.csssave as ~/.config/gtk-4.0/london-deep-level.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Deep Level for GTK 4 and libadwaita */

@define-color accent_bg_color #DE8946;
@define-color accent_fg_color #0A0E18;
@define-color accent_color #DE8946;
@define-color destructive_bg_color #DB6052;
@define-color destructive_fg_color #0A0E18;
@define-color destructive_color #FE8474;
@define-color success_bg_color #77C581;
@define-color success_fg_color #0A0E18;
@define-color success_color #77C581;
@define-color warning_bg_color #F2C03F;
@define-color warning_fg_color #0A0E18;
@define-color warning_color #F2C03F;
@define-color error_bg_color #DB6052;
@define-color error_fg_color #0A0E18;
@define-color error_color #FE8474;
@define-color window_bg_color #121A2D;
@define-color window_fg_color #D4DAE7;
@define-color view_bg_color #121A2D;
@define-color view_fg_color #D4DAE7;
@define-color headerbar_bg_color #0D1421;
@define-color headerbar_fg_color #D4DAE7;
@define-color headerbar_border_color #D4DAE7;
@define-color headerbar_backdrop_color #121A2D;
@define-color headerbar_shade_color rgba(5, 7, 12, 0.36);
@define-color headerbar_darker_shade_color rgba(5, 7, 12, 0.9);
@define-color sidebar_bg_color #0D1421;
@define-color sidebar_fg_color #BEC6D5;
@define-color sidebar_backdrop_color #101727;
@define-color sidebar_shade_color rgba(5, 7, 12, 0.25);
@define-color sidebar_border_color #0A0E18;
@define-color secondary_sidebar_bg_color #101727;
@define-color secondary_sidebar_fg_color #D4DAE7;
@define-color secondary_sidebar_backdrop_color #121A2D;
@define-color secondary_sidebar_shade_color rgba(5, 7, 12, 0.25);
@define-color secondary_sidebar_border_color #0A0E18;
@define-color card_bg_color rgba(212, 218, 231, 0.08);
@define-color card_fg_color #D4DAE7;
@define-color card_shade_color rgba(5, 7, 12, 0.36);
@define-color dialog_bg_color #1A243A;
@define-color dialog_fg_color #D4DAE7;
@define-color popover_bg_color #1A243A;
@define-color popover_fg_color #D4DAE7;
@define-color popover_shade_color rgba(5, 7, 12, 0.25);
@define-color thumbnail_bg_color #1A243A;
@define-color thumbnail_fg_color #D4DAE7;
@define-color shade_color rgba(5, 7, 12, 0.25);
@define-color scrollbar_outline_color rgba(5, 7, 12, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(212, 218, 231, 0.2);
  --active-toggle-fg-color: #E7EBF3;
  --overview-bg-color: #0D1421;
  --overview-fg-color: #D4DAE7;
}

gtk-3.0/london-deep-level.csssave as ~/.config/gtk-3.0/london-deep-level.css
with the adw-gtk3 theme, add @import url("london-deep-level.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Deep Level for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #DE8946;
@define-color accent_fg_color #0A0E18;
@define-color accent_color #DE8946;
@define-color destructive_bg_color #DB6052;
@define-color destructive_fg_color #0A0E18;
@define-color destructive_color #FE8474;
@define-color success_bg_color #77C581;
@define-color success_fg_color #0A0E18;
@define-color success_color #77C581;
@define-color warning_bg_color #F2C03F;
@define-color warning_fg_color #0A0E18;
@define-color warning_color #F2C03F;
@define-color error_bg_color #DB6052;
@define-color error_fg_color #0A0E18;
@define-color error_color #FE8474;
@define-color window_bg_color #121A2D;
@define-color window_fg_color #D4DAE7;
@define-color view_bg_color #121A2D;
@define-color view_fg_color #D4DAE7;
@define-color headerbar_bg_color #0D1421;
@define-color headerbar_fg_color #D4DAE7;
@define-color headerbar_border_color #D4DAE7;
@define-color headerbar_backdrop_color #121A2D;
@define-color headerbar_shade_color rgba(5, 7, 12, 0.36);
@define-color headerbar_darker_shade_color rgba(5, 7, 12, 0.9);
@define-color sidebar_bg_color #0D1421;
@define-color sidebar_fg_color #BEC6D5;
@define-color sidebar_backdrop_color #101727;
@define-color sidebar_shade_color rgba(5, 7, 12, 0.25);
@define-color sidebar_border_color #0A0E18;
@define-color card_bg_color rgba(212, 218, 231, 0.08);
@define-color card_fg_color #D4DAE7;
@define-color card_shade_color rgba(5, 7, 12, 0.36);
@define-color dialog_bg_color #1A243A;
@define-color dialog_fg_color #D4DAE7;
@define-color popover_bg_color #1A243A;
@define-color popover_fg_color #D4DAE7;
@define-color popover_shade_color rgba(5, 7, 12, 0.25);
@define-color thumbnail_bg_color #1A243A;
@define-color thumbnail_fg_color #D4DAE7;
@define-color shade_color rgba(5, 7, 12, 0.25);
@define-color scrollbar_outline_color rgba(5, 7, 12, 0.95);

gtk-4.0/london-portland.csssave as ~/.config/gtk-4.0/london-portland.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Portland for GTK 4 and libadwaita */

@define-color accent_bg_color #A54300;
@define-color accent_fg_color #F4F8FF;
@define-color accent_color #A54300;
@define-color destructive_bg_color #9B211A;
@define-color destructive_fg_color #F4F8FF;
@define-color destructive_color #9B211A;
@define-color success_bg_color #0D8131;
@define-color success_fg_color #F4F8FF;
@define-color success_color #0D8131;
@define-color warning_bg_color #8D6C08;
@define-color warning_fg_color #F4F8FF;
@define-color warning_color #8D6C08;
@define-color error_bg_color #9B211A;
@define-color error_fg_color #F4F8FF;
@define-color error_color #9B211A;
@define-color window_bg_color #E8F0FF;
@define-color window_fg_color #293040;
@define-color view_bg_color #E8F0FF;
@define-color view_fg_color #293040;
@define-color headerbar_bg_color #DCE5F7;
@define-color headerbar_fg_color #293040;
@define-color headerbar_border_color #293040;
@define-color headerbar_backdrop_color #E8F0FF;
@define-color headerbar_shade_color rgba(41, 48, 64, 0.12);
@define-color headerbar_darker_shade_color rgba(41, 48, 64, 0.12);
@define-color sidebar_bg_color #DCE5F7;
@define-color sidebar_fg_color #3C4557;
@define-color sidebar_backdrop_color #E2EAFB;
@define-color sidebar_shade_color rgba(41, 48, 64, 0.07);
@define-color sidebar_border_color rgba(41, 48, 64, 0.14);
@define-color secondary_sidebar_bg_color #E2EAFB;
@define-color secondary_sidebar_fg_color #293040;
@define-color secondary_sidebar_backdrop_color #E8F0FF;
@define-color secondary_sidebar_shade_color rgba(41, 48, 64, 0.07);
@define-color secondary_sidebar_border_color rgba(41, 48, 64, 0.14);
@define-color card_bg_color #F4F8FF;
@define-color card_fg_color #293040;
@define-color card_shade_color rgba(41, 48, 64, 0.07);
@define-color dialog_bg_color #F4F8FF;
@define-color dialog_fg_color #293040;
@define-color popover_bg_color #F4F8FF;
@define-color popover_fg_color #293040;
@define-color popover_shade_color rgba(41, 48, 64, 0.07);
@define-color thumbnail_bg_color #F4F8FF;
@define-color thumbnail_fg_color #293040;
@define-color shade_color rgba(41, 48, 64, 0.07);
@define-color scrollbar_outline_color #F4F8FF;

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: #F4F8FF;
  --active-toggle-fg-color: #293040;
  --overview-bg-color: #DCE5F7;
  --overview-fg-color: #293040;
}

gtk-3.0/london-portland.csssave as ~/.config/gtk-3.0/london-portland.css
with the adw-gtk3 theme, add @import url("london-portland.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Portland for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #A54300;
@define-color accent_fg_color #F4F8FF;
@define-color accent_color #A54300;
@define-color destructive_bg_color #9B211A;
@define-color destructive_fg_color #F4F8FF;
@define-color destructive_color #9B211A;
@define-color success_bg_color #0D8131;
@define-color success_fg_color #F4F8FF;
@define-color success_color #0D8131;
@define-color warning_bg_color #8D6C08;
@define-color warning_fg_color #F4F8FF;
@define-color warning_color #8D6C08;
@define-color error_bg_color #9B211A;
@define-color error_fg_color #F4F8FF;
@define-color error_color #9B211A;
@define-color window_bg_color #E8F0FF;
@define-color window_fg_color #293040;
@define-color view_bg_color #E8F0FF;
@define-color view_fg_color #293040;
@define-color headerbar_bg_color #DCE5F7;
@define-color headerbar_fg_color #293040;
@define-color headerbar_border_color #293040;
@define-color headerbar_backdrop_color #E8F0FF;
@define-color headerbar_shade_color rgba(41, 48, 64, 0.12);
@define-color headerbar_darker_shade_color rgba(41, 48, 64, 0.12);
@define-color sidebar_bg_color #DCE5F7;
@define-color sidebar_fg_color #3C4557;
@define-color sidebar_backdrop_color #E2EAFB;
@define-color sidebar_shade_color rgba(41, 48, 64, 0.07);
@define-color sidebar_border_color rgba(41, 48, 64, 0.14);
@define-color card_bg_color #F4F8FF;
@define-color card_fg_color #293040;
@define-color card_shade_color rgba(41, 48, 64, 0.07);
@define-color dialog_bg_color #F4F8FF;
@define-color dialog_fg_color #293040;
@define-color popover_bg_color #F4F8FF;
@define-color popover_fg_color #293040;
@define-color popover_shade_color rgba(41, 48, 64, 0.07);
@define-color thumbnail_bg_color #F4F8FF;
@define-color thumbnail_fg_color #293040;
@define-color shade_color rgba(41, 48, 64, 0.07);
@define-color scrollbar_outline_color #F4F8FF;

gtk-4.0/paris-guimard.csssave as ~/.config/gtk-4.0/paris-guimard.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Guimard for GTK 4 and libadwaita */

@define-color accent_bg_color #CA9245;
@define-color accent_fg_color #131A17;
@define-color accent_color #CA9245;
@define-color destructive_bg_color #C7665B;
@define-color destructive_fg_color #131A17;
@define-color destructive_color #E7877B;
@define-color success_bg_color #70CAA9;
@define-color success_fg_color #131A17;
@define-color success_color #70CAA9;
@define-color warning_bg_color #F1BF4B;
@define-color warning_fg_color #131A17;
@define-color warning_color #F1BF4B;
@define-color error_bg_color #C7665B;
@define-color error_fg_color #131A17;
@define-color error_color #E7877B;
@define-color window_bg_color #1E2E26;
@define-color window_fg_color #D9E1DB;
@define-color view_bg_color #1E2E26;
@define-color view_fg_color #D9E1DB;
@define-color headerbar_bg_color #18241D;
@define-color headerbar_fg_color #D9E1DB;
@define-color headerbar_border_color #D9E1DB;
@define-color headerbar_backdrop_color #1E2E26;
@define-color headerbar_shade_color rgba(10, 13, 12, 0.36);
@define-color headerbar_darker_shade_color rgba(10, 13, 12, 0.9);
@define-color sidebar_bg_color #18241D;
@define-color sidebar_fg_color #C2CBC5;
@define-color sidebar_backdrop_color #1B2922;
@define-color sidebar_shade_color rgba(10, 13, 12, 0.25);
@define-color sidebar_border_color #131A17;
@define-color secondary_sidebar_bg_color #1B2922;
@define-color secondary_sidebar_fg_color #D9E1DB;
@define-color secondary_sidebar_backdrop_color #1E2E26;
@define-color secondary_sidebar_shade_color rgba(10, 13, 12, 0.25);
@define-color secondary_sidebar_border_color #131A17;
@define-color card_bg_color rgba(217, 225, 219, 0.08);
@define-color card_fg_color #D9E1DB;
@define-color card_shade_color rgba(10, 13, 12, 0.36);
@define-color dialog_bg_color #263930;
@define-color dialog_fg_color #D9E1DB;
@define-color popover_bg_color #263930;
@define-color popover_fg_color #D9E1DB;
@define-color popover_shade_color rgba(10, 13, 12, 0.25);
@define-color thumbnail_bg_color #263930;
@define-color thumbnail_fg_color #D9E1DB;
@define-color shade_color rgba(10, 13, 12, 0.25);
@define-color scrollbar_outline_color rgba(10, 13, 12, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(217, 225, 219, 0.2);
  --active-toggle-fg-color: #E9EEEC;
  --overview-bg-color: #18241D;
  --overview-fg-color: #D9E1DB;
}

gtk-3.0/paris-guimard.csssave as ~/.config/gtk-3.0/paris-guimard.css
with the adw-gtk3 theme, add @import url("paris-guimard.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Guimard for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #CA9245;
@define-color accent_fg_color #131A17;
@define-color accent_color #CA9245;
@define-color destructive_bg_color #C7665B;
@define-color destructive_fg_color #131A17;
@define-color destructive_color #E7877B;
@define-color success_bg_color #70CAA9;
@define-color success_fg_color #131A17;
@define-color success_color #70CAA9;
@define-color warning_bg_color #F1BF4B;
@define-color warning_fg_color #131A17;
@define-color warning_color #F1BF4B;
@define-color error_bg_color #C7665B;
@define-color error_fg_color #131A17;
@define-color error_color #E7877B;
@define-color window_bg_color #1E2E26;
@define-color window_fg_color #D9E1DB;
@define-color view_bg_color #1E2E26;
@define-color view_fg_color #D9E1DB;
@define-color headerbar_bg_color #18241D;
@define-color headerbar_fg_color #D9E1DB;
@define-color headerbar_border_color #D9E1DB;
@define-color headerbar_backdrop_color #1E2E26;
@define-color headerbar_shade_color rgba(10, 13, 12, 0.36);
@define-color headerbar_darker_shade_color rgba(10, 13, 12, 0.9);
@define-color sidebar_bg_color #18241D;
@define-color sidebar_fg_color #C2CBC5;
@define-color sidebar_backdrop_color #1B2922;
@define-color sidebar_shade_color rgba(10, 13, 12, 0.25);
@define-color sidebar_border_color #131A17;
@define-color card_bg_color rgba(217, 225, 219, 0.08);
@define-color card_fg_color #D9E1DB;
@define-color card_shade_color rgba(10, 13, 12, 0.36);
@define-color dialog_bg_color #263930;
@define-color dialog_fg_color #D9E1DB;
@define-color popover_bg_color #263930;
@define-color popover_fg_color #D9E1DB;
@define-color popover_shade_color rgba(10, 13, 12, 0.25);
@define-color thumbnail_bg_color #263930;
@define-color thumbnail_fg_color #D9E1DB;
@define-color shade_color rgba(10, 13, 12, 0.25);
@define-color scrollbar_outline_color rgba(10, 13, 12, 0.95);

gtk-4.0/paris-catacombes.csssave as ~/.config/gtk-4.0/paris-catacombes.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Catacombes for GTK 4 and libadwaita */

@define-color accent_bg_color #CA9245;
@define-color accent_fg_color #0A100D;
@define-color accent_color #CA9245;
@define-color destructive_bg_color #C7665B;
@define-color destructive_fg_color #0A100D;
@define-color destructive_color #E7877B;
@define-color success_bg_color #70CAA9;
@define-color success_fg_color #0A100D;
@define-color success_color #70CAA9;
@define-color warning_bg_color #F1BF4B;
@define-color warning_fg_color #0A100D;
@define-color warning_color #F1BF4B;
@define-color error_bg_color #C7665B;
@define-color error_fg_color #0A100D;
@define-color error_color #E7877B;
@define-color window_bg_color #121E19;
@define-color window_fg_color #D4DDD7;
@define-color view_bg_color #121E19;
@define-color view_fg_color #D4DDD7;
@define-color headerbar_bg_color #0D1711;
@define-color headerbar_fg_color #D4DDD7;
@define-color headerbar_border_color #D4DDD7;
@define-color headerbar_backdrop_color #121E19;
@define-color headerbar_shade_color rgba(5, 8, 6, 0.36);
@define-color headerbar_darker_shade_color rgba(5, 8, 6, 0.9);
@define-color sidebar_bg_color #0D1711;
@define-color sidebar_fg_color #BFC8C2;
@define-color sidebar_backdrop_color #101A15;
@define-color sidebar_shade_color rgba(5, 8, 6, 0.25);
@define-color sidebar_border_color #0A100D;
@define-color secondary_sidebar_bg_color #101A15;
@define-color secondary_sidebar_fg_color #D4DDD7;
@define-color secondary_sidebar_backdrop_color #121E19;
@define-color secondary_sidebar_shade_color rgba(5, 8, 6, 0.25);
@define-color secondary_sidebar_border_color #0A100D;
@define-color card_bg_color rgba(212, 221, 215, 0.08);
@define-color card_fg_color #D4DDD7;
@define-color card_shade_color rgba(5, 8, 6, 0.36);
@define-color dialog_bg_color #1A2921;
@define-color dialog_fg_color #D4DDD7;
@define-color popover_bg_color #1A2921;
@define-color popover_fg_color #D4DDD7;
@define-color popover_shade_color rgba(5, 8, 6, 0.25);
@define-color thumbnail_bg_color #1A2921;
@define-color thumbnail_fg_color #D4DDD7;
@define-color shade_color rgba(5, 8, 6, 0.25);
@define-color scrollbar_outline_color rgba(5, 8, 6, 0.95);

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: rgba(212, 221, 215, 0.2);
  --active-toggle-fg-color: #E7ECEA;
  --overview-bg-color: #0D1711;
  --overview-fg-color: #D4DDD7;
}

gtk-3.0/paris-catacombes.csssave as ~/.config/gtk-3.0/paris-catacombes.css
with the adw-gtk3 theme, add @import url("paris-catacombes.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Catacombes for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #CA9245;
@define-color accent_fg_color #0A100D;
@define-color accent_color #CA9245;
@define-color destructive_bg_color #C7665B;
@define-color destructive_fg_color #0A100D;
@define-color destructive_color #E7877B;
@define-color success_bg_color #70CAA9;
@define-color success_fg_color #0A100D;
@define-color success_color #70CAA9;
@define-color warning_bg_color #F1BF4B;
@define-color warning_fg_color #0A100D;
@define-color warning_color #F1BF4B;
@define-color error_bg_color #C7665B;
@define-color error_fg_color #0A100D;
@define-color error_color #E7877B;
@define-color window_bg_color #121E19;
@define-color window_fg_color #D4DDD7;
@define-color view_bg_color #121E19;
@define-color view_fg_color #D4DDD7;
@define-color headerbar_bg_color #0D1711;
@define-color headerbar_fg_color #D4DDD7;
@define-color headerbar_border_color #D4DDD7;
@define-color headerbar_backdrop_color #121E19;
@define-color headerbar_shade_color rgba(5, 8, 6, 0.36);
@define-color headerbar_darker_shade_color rgba(5, 8, 6, 0.9);
@define-color sidebar_bg_color #0D1711;
@define-color sidebar_fg_color #BFC8C2;
@define-color sidebar_backdrop_color #101A15;
@define-color sidebar_shade_color rgba(5, 8, 6, 0.25);
@define-color sidebar_border_color #0A100D;
@define-color card_bg_color rgba(212, 221, 215, 0.08);
@define-color card_fg_color #D4DDD7;
@define-color card_shade_color rgba(5, 8, 6, 0.36);
@define-color dialog_bg_color #1A2921;
@define-color dialog_fg_color #D4DDD7;
@define-color popover_bg_color #1A2921;
@define-color popover_fg_color #D4DDD7;
@define-color popover_shade_color rgba(5, 8, 6, 0.25);
@define-color thumbnail_bg_color #1A2921;
@define-color thumbnail_fg_color #D4DDD7;
@define-color shade_color rgba(5, 8, 6, 0.25);
@define-color scrollbar_outline_color rgba(5, 8, 6, 0.95);

gtk-4.0/paris-carrelage.csssave as ~/.config/gtk-4.0/paris-carrelage.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Carrelage for GTK 4 and libadwaita */

@define-color accent_bg_color #764C00;
@define-color accent_fg_color #F6F8F8;
@define-color accent_color #764C00;
@define-color destructive_bg_color #88251E;
@define-color destructive_fg_color #F6F8F8;
@define-color destructive_color #88251E;
@define-color success_bg_color #218366;
@define-color success_fg_color #F6F8F8;
@define-color success_color #218366;
@define-color warning_bg_color #916D07;
@define-color warning_fg_color #F6F8F8;
@define-color warning_color #916D07;
@define-color error_bg_color #88251E;
@define-color error_fg_color #F6F8F8;
@define-color error_color #88251E;
@define-color window_bg_color #EEF2F1;
@define-color window_fg_color #27342F;
@define-color view_bg_color #EEF2F1;
@define-color view_fg_color #27342F;
@define-color headerbar_bg_color #E1E6E5;
@define-color headerbar_fg_color #27342F;
@define-color headerbar_border_color #27342F;
@define-color headerbar_backdrop_color #EEF2F1;
@define-color headerbar_shade_color rgba(39, 52, 47, 0.12);
@define-color headerbar_darker_shade_color rgba(39, 52, 47, 0.12);
@define-color sidebar_bg_color #E1E6E5;
@define-color sidebar_fg_color #3B4742;
@define-color sidebar_backdrop_color #E8ECEB;
@define-color sidebar_shade_color rgba(39, 52, 47, 0.07);
@define-color sidebar_border_color rgba(39, 52, 47, 0.14);
@define-color secondary_sidebar_bg_color #E8ECEB;
@define-color secondary_sidebar_fg_color #27342F;
@define-color secondary_sidebar_backdrop_color #EEF2F1;
@define-color secondary_sidebar_shade_color rgba(39, 52, 47, 0.07);
@define-color secondary_sidebar_border_color rgba(39, 52, 47, 0.14);
@define-color card_bg_color #F6F8F8;
@define-color card_fg_color #27342F;
@define-color card_shade_color rgba(39, 52, 47, 0.07);
@define-color dialog_bg_color #F6F8F8;
@define-color dialog_fg_color #27342F;
@define-color popover_bg_color #F6F8F8;
@define-color popover_fg_color #27342F;
@define-color popover_shade_color rgba(39, 52, 47, 0.07);
@define-color thumbnail_bg_color #F6F8F8;
@define-color thumbnail_fg_color #27342F;
@define-color shade_color rgba(39, 52, 47, 0.07);
@define-color scrollbar_outline_color #F6F8F8;

:root {
  --accent-bg-color: @accent_bg_color;
  --accent-fg-color: @accent_fg_color;
  --accent-color: @accent_color;
  --destructive-bg-color: @destructive_bg_color;
  --destructive-fg-color: @destructive_fg_color;
  --destructive-color: @destructive_color;
  --success-bg-color: @success_bg_color;
  --success-fg-color: @success_fg_color;
  --success-color: @success_color;
  --warning-bg-color: @warning_bg_color;
  --warning-fg-color: @warning_fg_color;
  --warning-color: @warning_color;
  --error-bg-color: @error_bg_color;
  --error-fg-color: @error_fg_color;
  --error-color: @error_color;
  --window-bg-color: @window_bg_color;
  --window-fg-color: @window_fg_color;
  --view-bg-color: @view_bg_color;
  --view-fg-color: @view_fg_color;
  --headerbar-bg-color: @headerbar_bg_color;
  --headerbar-fg-color: @headerbar_fg_color;
  --headerbar-border-color: @headerbar_border_color;
  --headerbar-backdrop-color: @headerbar_backdrop_color;
  --headerbar-shade-color: @headerbar_shade_color;
  --headerbar-darker-shade-color: @headerbar_darker_shade_color;
  --sidebar-bg-color: @sidebar_bg_color;
  --sidebar-fg-color: @sidebar_fg_color;
  --sidebar-backdrop-color: @sidebar_backdrop_color;
  --sidebar-shade-color: @sidebar_shade_color;
  --sidebar-border-color: @sidebar_border_color;
  --secondary-sidebar-bg-color: @secondary_sidebar_bg_color;
  --secondary-sidebar-fg-color: @secondary_sidebar_fg_color;
  --secondary-sidebar-backdrop-color: @secondary_sidebar_backdrop_color;
  --secondary-sidebar-shade-color: @secondary_sidebar_shade_color;
  --secondary-sidebar-border-color: @secondary_sidebar_border_color;
  --card-bg-color: @card_bg_color;
  --card-fg-color: @card_fg_color;
  --card-shade-color: @card_shade_color;
  --dialog-bg-color: @dialog_bg_color;
  --dialog-fg-color: @dialog_fg_color;
  --popover-bg-color: @popover_bg_color;
  --popover-fg-color: @popover_fg_color;
  --popover-shade-color: @popover_shade_color;
  --thumbnail-bg-color: @thumbnail_bg_color;
  --thumbnail-fg-color: @thumbnail_fg_color;
  --shade-color: @shade_color;
  --scrollbar-outline-color: @scrollbar_outline_color;
  --active-toggle-bg-color: #F6F8F8;
  --active-toggle-fg-color: #27342F;
  --overview-bg-color: #E1E6E5;
  --overview-fg-color: #27342F;
}

gtk-3.0/paris-carrelage.csssave as ~/.config/gtk-3.0/paris-carrelage.css
with the adw-gtk3 theme, add @import url("paris-carrelage.css"); to ~/.config/gtk-3.0/gtk.css

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Carrelage for GTK 3 with the adw-gtk3 theme */

@define-color accent_bg_color #764C00;
@define-color accent_fg_color #F6F8F8;
@define-color accent_color #764C00;
@define-color destructive_bg_color #88251E;
@define-color destructive_fg_color #F6F8F8;
@define-color destructive_color #88251E;
@define-color success_bg_color #218366;
@define-color success_fg_color #F6F8F8;
@define-color success_color #218366;
@define-color warning_bg_color #916D07;
@define-color warning_fg_color #F6F8F8;
@define-color warning_color #916D07;
@define-color error_bg_color #88251E;
@define-color error_fg_color #F6F8F8;
@define-color error_color #88251E;
@define-color window_bg_color #EEF2F1;
@define-color window_fg_color #27342F;
@define-color view_bg_color #EEF2F1;
@define-color view_fg_color #27342F;
@define-color headerbar_bg_color #E1E6E5;
@define-color headerbar_fg_color #27342F;
@define-color headerbar_border_color #27342F;
@define-color headerbar_backdrop_color #EEF2F1;
@define-color headerbar_shade_color rgba(39, 52, 47, 0.12);
@define-color headerbar_darker_shade_color rgba(39, 52, 47, 0.12);
@define-color sidebar_bg_color #E1E6E5;
@define-color sidebar_fg_color #3B4742;
@define-color sidebar_backdrop_color #E8ECEB;
@define-color sidebar_shade_color rgba(39, 52, 47, 0.07);
@define-color sidebar_border_color rgba(39, 52, 47, 0.14);
@define-color card_bg_color #F6F8F8;
@define-color card_fg_color #27342F;
@define-color card_shade_color rgba(39, 52, 47, 0.07);
@define-color dialog_bg_color #F6F8F8;
@define-color dialog_fg_color #27342F;
@define-color popover_bg_color #F6F8F8;
@define-color popover_fg_color #27342F;
@define-color popover_shade_color rgba(39, 52, 47, 0.07);
@define-color thumbnail_bg_color #F6F8F8;
@define-color thumbnail_fg_color #27342F;
@define-color shade_color rgba(39, 52, 47, 0.07);
@define-color scrollbar_outline_color #F6F8F8;