Skip to content

Subway SeatSubway SeatSubway Seat

Palettes & formats

Tailwind CSS

Tailwind v4 theme files add ss-* colors (bg-ss-base, text-ss-orange, bg-ss-diff-add) for one flavor, and subway-seat-auto.css switches the same names between Enamel and Walnut with the system. For v3, subway-seat-preset.js has all three as ss-walnut-*, ss-tunnel-* and ss-enamel-*.

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

Tailwind CSS 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

Turn it on

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./subway-seat.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./subway-seat-tunnel.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./subway-seat-enamel.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./london-moquette.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./london-deep-level.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./london-portland.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./paris-guimard.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./paris-catacombes.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./paris-carrelage.css";

/* bg-ss-base text-ss-text border-ss-surface1 text-ss-orange bg-ss-diff-add */

Follow light and dark

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

In your main CSS file (Tailwind v4)

@import "tailwindcss";
@import "./subway-seat-auto.css";

/* The same ss-* classes, in Enamel while the system is light and Walnut while it's dark */

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)

subway-seat.csssave as src/subway-seat.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #20160E;
  --color-ss-mantle: #2A1D13;
  --color-ss-base: #362619;
  --color-ss-surface0: #43301F;
  --color-ss-surface1: #513B27;
  --color-ss-surface2: #634932;
  --color-ss-overlay0: #7B6047;
  --color-ss-overlay1: #967B5C;
  --color-ss-overlay2: #AE9575;
  --color-ss-subtext0: #C4AE8C;
  --color-ss-subtext1: #D9C6A3;
  --color-ss-text: #EDDCBC;
  --color-ss-text-hi: #F8ECD4;
  --color-ss-yellow: #F3BF45;
  --color-ss-yellow-hi: #FFD36B;
  --color-ss-orange: #EC7F31;
  --color-ss-orange-hi: #FF9D55;
  --color-ss-red: #E05C45;
  --color-ss-red-hi: #FF8373;
  --color-ss-green: #ADB956;
  --color-ss-green-hi: #BFCB63;
  --color-ss-sage: #86AD95;
  --color-ss-sage-hi: #A5C9B0;
  --color-ss-denim: #7F9BAE;
  --color-ss-denim-hi: #9DB6C6;
  --color-ss-clay: #F4A87E;
  --color-ss-diff-add: #3F3A1E;
  --color-ss-diff-add-emph: #504D26;
  --color-ss-diff-add-dim: #342D18;
  --color-ss-diff-del: #52281C;
  --color-ss-diff-del-emph: #6D3224;
  --color-ss-diff-del-dim: #412217;
  --color-ss-diff-chg: #423117;
  --color-ss-diff-chg-emph: #57421C;
}

subway-seat-tunnel.csssave as src/subway-seat-tunnel.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Tunnel for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #140D07;
  --color-ss-mantle: #1B120A;
  --color-ss-base: #24180E;
  --color-ss-surface0: #302115;
  --color-ss-surface1: #3D2C1D;
  --color-ss-surface2: #4F3927;
  --color-ss-overlay0: #745B45;
  --color-ss-overlay1: #917759;
  --color-ss-overlay2: #AA9171;
  --color-ss-subtext0: #C0AA88;
  --color-ss-subtext1: #D6C3A0;
  --color-ss-text: #E9D8B6;
  --color-ss-text-hi: #F6EAD1;
  --color-ss-yellow: #F3BF45;
  --color-ss-yellow-hi: #FFD36B;
  --color-ss-orange: #EC7F31;
  --color-ss-orange-hi: #FF9D55;
  --color-ss-red: #E05C45;
  --color-ss-red-hi: #FF8373;
  --color-ss-green: #ADB956;
  --color-ss-green-hi: #BFCB63;
  --color-ss-sage: #86AD95;
  --color-ss-sage-hi: #A5C9B0;
  --color-ss-denim: #7F9BAE;
  --color-ss-denim-hi: #9DB6C6;
  --color-ss-clay: #F4A87E;
  --color-ss-diff-add: #363318;
  --color-ss-diff-add-emph: #484722;
  --color-ss-diff-add-dim: #292512;
  --color-ss-diff-del: #492217;
  --color-ss-diff-del-emph: #662D20;
  --color-ss-diff-del-dim: #371A12;
  --color-ss-diff-chg: #382911;
  --color-ss-diff-chg-emph: #4E3B17;
}

subway-seat-enamel.csssave as src/subway-seat-enamel.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Enamel for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #E4D8C0;
  --color-ss-mantle: #EEE4D0;
  --color-ss-base: #F8EFDF;
  --color-ss-surface0: #DBCDB3;
  --color-ss-surface1: #CBB898;
  --color-ss-surface2: #BAA380;
  --color-ss-overlay0: #A58D6D;
  --color-ss-overlay1: #8C7254;
  --color-ss-overlay2: #735C44;
  --color-ss-subtext0: #654F3B;
  --color-ss-subtext1: #54402F;
  --color-ss-text: #3E2C1E;
  --color-ss-text-hi: #2A1D13;
  --color-ss-yellow: #976608;
  --color-ss-yellow-hi: #A9720A;
  --color-ss-orange: #A04800;
  --color-ss-orange-hi: #BA4D0A;
  --color-ss-red: #992418;
  --color-ss-red-hi: #BF4233;
  --color-ss-green: #66740F;
  --color-ss-green-hi: #697813;
  --color-ss-sage: #3E7157;
  --color-ss-sage-hi: #4C8367;
  --color-ss-denim: #3F6480;
  --color-ss-denim-hi: #517791;
  --color-ss-clay: #843811;
  --color-ss-diff-add: #D7DBC1;
  --color-ss-diff-add-emph: #C2C79F;
  --color-ss-diff-add-dim: #E7E9D9;
  --color-ss-diff-del: #EBD3D1;
  --color-ss-diff-del-emph: #DEB9B5;
  --color-ss-diff-del-dim: #F3E5E3;
  --color-ss-diff-chg: #E4D7BF;
  --color-ss-diff-chg-emph: #DECEB0;
}

london-moquette.csssave as src/london-moquette.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Moquette for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #121826;
  --color-ss-mantle: #172032;
  --color-ss-base: #1E2941;
  --color-ss-surface0: #263451;
  --color-ss-surface1: #303F61;
  --color-ss-surface2: #3D4F72;
  --color-ss-overlay0: #576685;
  --color-ss-overlay1: #73819C;
  --color-ss-overlay2: #8F9AB0;
  --color-ss-subtext0: #A9B2C4;
  --color-ss-subtext1: #C1C9D8;
  --color-ss-text: #D8DEEA;
  --color-ss-text-hi: #E9EDF5;
  --color-ss-yellow: #F2C03F;
  --color-ss-yellow-hi: #FFD36C;
  --color-ss-orange: #DE8946;
  --color-ss-orange-hi: #E5AA7F;
  --color-ss-red: #DB6052;
  --color-ss-red-hi: #FE8474;
  --color-ss-green: #77C581;
  --color-ss-green-hi: #9AD2A0;
  --color-ss-sage: #54B4B5;
  --color-ss-sage-hi: #72D1D3;
  --color-ss-denim: #7595DA;
  --color-ss-denim-hi: #8BB0FF;
  --color-ss-clay: #AE9EDC;
  --color-ss-diff-add: #283E3A;
  --color-ss-diff-add-emph: #345345;
  --color-ss-diff-add-dim: #203033;
  --color-ss-diff-del: #462B31;
  --color-ss-diff-del-emph: #623538;
  --color-ss-diff-del-dim: #34242D;
  --color-ss-diff-chg: #36332A;
  --color-ss-diff-chg-emph: #4C442C;
}

london-deep-level.csssave as src/london-deep-level.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Deep Level for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #0A0E18;
  --color-ss-mantle: #0D1421;
  --color-ss-base: #121A2D;
  --color-ss-surface0: #1A243A;
  --color-ss-surface1: #232F49;
  --color-ss-surface2: #303E5B;
  --color-ss-overlay0: #53617D;
  --color-ss-overlay1: #6F7C97;
  --color-ss-overlay2: #8B96AC;
  --color-ss-subtext0: #A5AEC0;
  --color-ss-subtext1: #BEC6D5;
  --color-ss-text: #D4DAE7;
  --color-ss-text-hi: #E7EBF3;
  --color-ss-yellow: #F2C03F;
  --color-ss-yellow-hi: #FFD36C;
  --color-ss-orange: #DE8946;
  --color-ss-orange-hi: #E5AA7F;
  --color-ss-red: #DB6052;
  --color-ss-red-hi: #FE8474;
  --color-ss-green: #77C581;
  --color-ss-green-hi: #9AD2A0;
  --color-ss-sage: #54B4B5;
  --color-ss-sage-hi: #72D1D3;
  --color-ss-denim: #7595DA;
  --color-ss-denim-hi: #8BB0FF;
  --color-ss-clay: #AE9EDC;
  --color-ss-diff-add: #22362F;
  --color-ss-diff-add-emph: #2F4C3C;
  --color-ss-diff-add-dim: #192827;
  --color-ss-diff-del: #402327;
  --color-ss-diff-del-emph: #5E2F2F;
  --color-ss-diff-del-dim: #2E1C22;
  --color-ss-diff-chg: #2F2A1E;
  --color-ss-diff-chg-emph: #463C22;
}

london-portland.csssave as src/london-portland.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Portland for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #CCDAF2;
  --color-ss-mantle: #DCE5F7;
  --color-ss-base: #E8F0FF;
  --color-ss-surface0: #BFCFF1;
  --color-ss-surface1: #A8BBE2;
  --color-ss-surface2: #93A7CF;
  --color-ss-overlay0: #8192B4;
  --color-ss-overlay1: #697794;
  --color-ss-overlay2: #556179;
  --color-ss-subtext0: #4A5469;
  --color-ss-subtext1: #3C4557;
  --color-ss-text: #293040;
  --color-ss-text-hi: #1B202B;
  --color-ss-yellow: #8D6C08;
  --color-ss-yellow-hi: #9B770A;
  --color-ss-orange: #A54300;
  --color-ss-orange-hi: #AC5A00;
  --color-ss-red: #9B211A;
  --color-ss-red-hi: #CC2E25;
  --color-ss-green: #0D8131;
  --color-ss-green-hi: #008730;
  --color-ss-sage: #007376;
  --color-ss-sage-hi: #008688;
  --color-ss-denim: #0019A8;
  --color-ss-denim-hi: #4A6EBD;
  --color-ss-clay: #755FA9;
  --color-ss-diff-add: #C0DEC9;
  --color-ss-diff-add-emph: #9ECDAD;
  --color-ss-diff-add-dim: #D8EBDE;
  --color-ss-diff-del: #EBD3D1;
  --color-ss-diff-del-emph: #DFB8B6;
  --color-ss-diff-del-dim: #F3E4E4;
  --color-ss-diff-chg: #E1D9BF;
  --color-ss-diff-chg-emph: #DBD0B0;
}

paris-guimard.csssave as src/paris-guimard.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Guimard for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #131A17;
  --color-ss-mantle: #18241D;
  --color-ss-base: #1E2E26;
  --color-ss-surface0: #263930;
  --color-ss-surface1: #30463B;
  --color-ss-surface2: #3E554A;
  --color-ss-overlay0: #586B61;
  --color-ss-overlay1: #74857C;
  --color-ss-overlay2: #909E96;
  --color-ss-subtext0: #A9B5AE;
  --color-ss-subtext1: #C2CBC5;
  --color-ss-text: #D9E1DB;
  --color-ss-text-hi: #E9EEEC;
  --color-ss-yellow: #F1BF4B;
  --color-ss-yellow-hi: #FFD57A;
  --color-ss-orange: #CA9245;
  --color-ss-orange-hi: #DFAA61;
  --color-ss-red: #C7665B;
  --color-ss-red-hi: #E7877B;
  --color-ss-green: #70CAA9;
  --color-ss-green-hi: #89DEBE;
  --color-ss-sage: #549B9F;
  --color-ss-sage-hi: #70B5B9;
  --color-ss-denim: #709BC8;
  --color-ss-denim-hi: #8DB6E2;
  --color-ss-clay: #FAB49C;
  --color-ss-diff-add: #274137;
  --color-ss-diff-add-emph: #335649;
  --color-ss-diff-add-dim: #20332B;
  --color-ss-diff-del: #422E29;
  --color-ss-diff-del-emph: #5B3832;
  --color-ss-diff-del-dim: #322723;
  --color-ss-diff-chg: #37341F;
  --color-ss-diff-chg-emph: #4D4525;
}

paris-catacombes.csssave as src/paris-catacombes.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Catacombes for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #0A100D;
  --color-ss-mantle: #0D1711;
  --color-ss-base: #121E19;
  --color-ss-surface0: #1A2921;
  --color-ss-surface1: #24342C;
  --color-ss-surface2: #31433A;
  --color-ss-overlay0: #54655C;
  --color-ss-overlay1: #708178;
  --color-ss-overlay2: #8C9A92;
  --color-ss-subtext0: #A5B1AA;
  --color-ss-subtext1: #BFC8C2;
  --color-ss-text: #D4DDD7;
  --color-ss-text-hi: #E7ECEA;
  --color-ss-yellow: #F1BF4B;
  --color-ss-yellow-hi: #FFD57A;
  --color-ss-orange: #CA9245;
  --color-ss-orange-hi: #DFAA61;
  --color-ss-red: #C7665B;
  --color-ss-red-hi: #E7877B;
  --color-ss-green: #70CAA9;
  --color-ss-green-hi: #89DEBE;
  --color-ss-sage: #549B9F;
  --color-ss-sage-hi: #70B5B9;
  --color-ss-denim: #709BC8;
  --color-ss-denim-hi: #8DB6E2;
  --color-ss-clay: #FAB49C;
  --color-ss-diff-add: #20392F;
  --color-ss-diff-add-emph: #2D4F42;
  --color-ss-diff-add-dim: #182A23;
  --color-ss-diff-del: #3B2621;
  --color-ss-diff-del-emph: #56322C;
  --color-ss-diff-del-dim: #2A1F1A;
  --color-ss-diff-chg: #2F2C17;
  --color-ss-diff-chg-emph: #463E1D;
}

paris-carrelage.csssave as src/paris-carrelage.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Carrelage for Tailwind v4: bg-ss-base, text-ss-text, … */

@theme {
  --color-ss-crust: #D5DBDA;
  --color-ss-mantle: #E1E6E5;
  --color-ss-base: #EEF2F1;
  --color-ss-surface0: #C6D2CF;
  --color-ss-surface1: #B0BFBB;
  --color-ss-surface2: #99ABA6;
  --color-ss-overlay0: #859792;
  --color-ss-overlay1: #6C7C76;
  --color-ss-overlay2: #56645F;
  --color-ss-subtext0: #4A5752;
  --color-ss-subtext1: #3B4742;
  --color-ss-text: #27342F;
  --color-ss-text-hi: #19221E;
  --color-ss-yellow: #916D07;
  --color-ss-yellow-hi: #A07A12;
  --color-ss-orange: #764C00;
  --color-ss-orange-hi: #885A00;
  --color-ss-red: #88251E;
  --color-ss-red-hi: #AC3B32;
  --color-ss-green: #218366;
  --color-ss-green-hi: #278D6E;
  --color-ss-sage: #006267;
  --color-ss-sage-hi: #027479;
  --color-ss-denim: #25629B;
  --color-ss-denim-hi: #3D75AD;
  --color-ss-clay: #B36B51;
  --color-ss-diff-add: #C5DFD7;
  --color-ss-diff-add-emph: #A6CDC2;
  --color-ss-diff-add-dim: #DBEBE7;
  --color-ss-diff-del: #E7D3D2;
  --color-ss-diff-del-emph: #D9B9B7;
  --color-ss-diff-del-dim: #F1E5E4;
  --color-ss-diff-chg: #E2D9BF;
  --color-ss-diff-chg-emph: #DCD0B0;
}

These are shared by all three flavors.

subway-seat-auto.csssave as src/subway-seat-auto.css
in your project, next to your main CSS file

/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for Tailwind v4, following the system: Subway Seat Enamel when it's light, Subway Seat when it's dark.
   The utilities read these variables, so bg-ss-base and the rest switch with it. */

@theme {
  --color-ss-crust: #E4D8C0;
  --color-ss-mantle: #EEE4D0;
  --color-ss-base: #F8EFDF;
  --color-ss-surface0: #DBCDB3;
  --color-ss-surface1: #CBB898;
  --color-ss-surface2: #BAA380;
  --color-ss-overlay0: #A58D6D;
  --color-ss-overlay1: #8C7254;
  --color-ss-overlay2: #735C44;
  --color-ss-subtext0: #654F3B;
  --color-ss-subtext1: #54402F;
  --color-ss-text: #3E2C1E;
  --color-ss-text-hi: #2A1D13;
  --color-ss-yellow: #976608;
  --color-ss-yellow-hi: #A9720A;
  --color-ss-orange: #A04800;
  --color-ss-orange-hi: #BA4D0A;
  --color-ss-red: #992418;
  --color-ss-red-hi: #BF4233;
  --color-ss-green: #66740F;
  --color-ss-green-hi: #697813;
  --color-ss-sage: #3E7157;
  --color-ss-sage-hi: #4C8367;
  --color-ss-denim: #3F6480;
  --color-ss-denim-hi: #517791;
  --color-ss-clay: #843811;
  --color-ss-diff-add: #D7DBC1;
  --color-ss-diff-add-emph: #C2C79F;
  --color-ss-diff-add-dim: #E7E9D9;
  --color-ss-diff-del: #EBD3D1;
  --color-ss-diff-del-emph: #DEB9B5;
  --color-ss-diff-del-dim: #F3E5E3;
  --color-ss-diff-chg: #E4D7BF;
  --color-ss-diff-chg-emph: #DECEB0;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-ss-crust: #20160E;
    --color-ss-mantle: #2A1D13;
    --color-ss-base: #362619;
    --color-ss-surface0: #43301F;
    --color-ss-surface1: #513B27;
    --color-ss-surface2: #634932;
    --color-ss-overlay0: #7B6047;
    --color-ss-overlay1: #967B5C;
    --color-ss-overlay2: #AE9575;
    --color-ss-subtext0: #C4AE8C;
    --color-ss-subtext1: #D9C6A3;
    --color-ss-text: #EDDCBC;
    --color-ss-text-hi: #F8ECD4;
    --color-ss-yellow: #F3BF45;
    --color-ss-yellow-hi: #FFD36B;
    --color-ss-orange: #EC7F31;
    --color-ss-orange-hi: #FF9D55;
    --color-ss-red: #E05C45;
    --color-ss-red-hi: #FF8373;
    --color-ss-green: #ADB956;
    --color-ss-green-hi: #BFCB63;
    --color-ss-sage: #86AD95;
    --color-ss-sage-hi: #A5C9B0;
    --color-ss-denim: #7F9BAE;
    --color-ss-denim-hi: #9DB6C6;
    --color-ss-clay: #F4A87E;
    --color-ss-diff-add: #3F3A1E;
    --color-ss-diff-add-emph: #504D26;
    --color-ss-diff-add-dim: #342D18;
    --color-ss-diff-del: #52281C;
    --color-ss-diff-del-emph: #6D3224;
    --color-ss-diff-del-dim: #412217;
    --color-ss-diff-chg: #423117;
    --color-ss-diff-chg-emph: #57421C;
  }
}

subway-seat-preset.jssave as ./subway-seat-preset.js
at your project root, next to tailwind.config.js (Tailwind v3)

// Subway Seat — generated from palette.py by build.py. Edit the palette, not this file.
// Tailwind v3 preset: presets: [require("./subway-seat-preset.js")]
// Classes: bg-ss-walnut-base, text-ss-enamel-orange, bg-ss-tunnel-diff-add, …

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "ss": {
          "walnut": {
            "crust": "#20160E",
            "mantle": "#2A1D13",
            "base": "#362619",
            "surface0": "#43301F",
            "surface1": "#513B27",
            "surface2": "#634932",
            "overlay0": "#7B6047",
            "overlay1": "#967B5C",
            "overlay2": "#AE9575",
            "subtext0": "#C4AE8C",
            "subtext1": "#D9C6A3",
            "text": "#EDDCBC",
            "text-hi": "#F8ECD4",
            "yellow": "#F3BF45",
            "yellow-hi": "#FFD36B",
            "orange": "#EC7F31",
            "orange-hi": "#FF9D55",
            "red": "#E05C45",
            "red-hi": "#FF8373",
            "green": "#ADB956",
            "green-hi": "#BFCB63",
            "sage": "#86AD95",
            "sage-hi": "#A5C9B0",
            "denim": "#7F9BAE",
            "denim-hi": "#9DB6C6",
            "clay": "#F4A87E",
            "diff-add": "#3F3A1E",
            "diff-add-emph": "#504D26",
            "diff-add-dim": "#342D18",
            "diff-del": "#52281C",
            "diff-del-emph": "#6D3224",
            "diff-del-dim": "#412217",
            "diff-chg": "#423117",
            "diff-chg-emph": "#57421C"
          },
          "tunnel": {
            "crust": "#140D07",
            "mantle": "#1B120A",
            "base": "#24180E",
            "surface0": "#302115",
            "surface1": "#3D2C1D",
            "surface2": "#4F3927",
            "overlay0": "#745B45",
            "overlay1": "#917759",
            "overlay2": "#AA9171",
            "subtext0": "#C0AA88",
            "subtext1": "#D6C3A0",
            "text": "#E9D8B6",
            "text-hi": "#F6EAD1",
            "yellow": "#F3BF45",
            "yellow-hi": "#FFD36B",
            "orange": "#EC7F31",
            "orange-hi": "#FF9D55",
            "red": "#E05C45",
            "red-hi": "#FF8373",
            "green": "#ADB956",
            "green-hi": "#BFCB63",
            "sage": "#86AD95",
            "sage-hi": "#A5C9B0",
            "denim": "#7F9BAE",
            "denim-hi": "#9DB6C6",
            "clay": "#F4A87E",
            "diff-add": "#363318",
            "diff-add-emph": "#484722",
            "diff-add-dim": "#292512",
            "diff-del": "#492217",
            "diff-del-emph": "#662D20",
            "diff-del-dim": "#371A12",
            "diff-chg": "#382911",
            "diff-chg-emph": "#4E3B17"
          },
          "enamel": {
            "crust": "#E4D8C0",
            "mantle": "#EEE4D0",
            "base": "#F8EFDF",
            "surface0": "#DBCDB3",
            "surface1": "#CBB898",
            "surface2": "#BAA380",
            "overlay0": "#A58D6D",
            "overlay1": "#8C7254",
            "overlay2": "#735C44",
            "subtext0": "#654F3B",
            "subtext1": "#54402F",
            "text": "#3E2C1E",
            "text-hi": "#2A1D13",
            "yellow": "#976608",
            "yellow-hi": "#A9720A",
            "orange": "#A04800",
            "orange-hi": "#BA4D0A",
            "red": "#992418",
            "red-hi": "#BF4233",
            "green": "#66740F",
            "green-hi": "#697813",
            "sage": "#3E7157",
            "sage-hi": "#4C8367",
            "denim": "#3F6480",
            "denim-hi": "#517791",
            "clay": "#843811",
            "diff-add": "#D7DBC1",
            "diff-add-emph": "#C2C79F",
            "diff-add-dim": "#E7E9D9",
            "diff-del": "#EBD3D1",
            "diff-del-emph": "#DEB9B5",
            "diff-del-dim": "#F3E5E3",
            "diff-chg": "#E4D7BF",
            "diff-chg-emph": "#DECEB0"
          },
          "moquette": {
            "crust": "#121826",
            "mantle": "#172032",
            "base": "#1E2941",
            "surface0": "#263451",
            "surface1": "#303F61",
            "surface2": "#3D4F72",
            "overlay0": "#576685",
            "overlay1": "#73819C",
            "overlay2": "#8F9AB0",
            "subtext0": "#A9B2C4",
            "subtext1": "#C1C9D8",
            "text": "#D8DEEA",
            "text-hi": "#E9EDF5",
            "yellow": "#F2C03F",
            "yellow-hi": "#FFD36C",
            "orange": "#DE8946",
            "orange-hi": "#E5AA7F",
            "red": "#DB6052",
            "red-hi": "#FE8474",
            "green": "#77C581",
            "green-hi": "#9AD2A0",
            "sage": "#54B4B5",
            "sage-hi": "#72D1D3",
            "denim": "#7595DA",
            "denim-hi": "#8BB0FF",
            "clay": "#AE9EDC",
            "diff-add": "#283E3A",
            "diff-add-emph": "#345345",
            "diff-add-dim": "#203033",
            "diff-del": "#462B31",
            "diff-del-emph": "#623538",
            "diff-del-dim": "#34242D",

Showing 150 of 338 lines.