Skip to content

Subway SeatSubway SeatSubway Seat

Apps

Element

A custom theme that sets Element's Compound color scales from the palette, so every surface follows: a paneling timeline, espresso room list and blackout space bar, orange where Element uses its green accent (success stays avocado), and usernames in the warm accents. Element Desktop and self-hosted Element take all three from config.json; app.element.io adds one at a time from a theme URL. Element's “Match system theme” only switches between its own light and dark themes, so custom themes don't follow the OS.

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

Element 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 Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Subway Seat
// or, in config.json: "default_theme": "custom-Subway Seat"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Subway Seat Tunnel
// or, in config.json: "default_theme": "custom-Subway Seat Tunnel"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Subway Seat Enamel
// or, in config.json: "default_theme": "custom-Subway Seat Enamel"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: London Moquette
// or, in config.json: "default_theme": "custom-London Moquette"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: London Deep Level
// or, in config.json: "default_theme": "custom-London Deep Level"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: London Portland
// or, in config.json: "default_theme": "custom-London Portland"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Paris Guimard
// or, in config.json: "default_theme": "custom-Paris Guimard"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Paris Catacombes
// or, in config.json: "default_theme": "custom-Paris Catacombes"

In Element › Settings › Appearance (turn off “Match system theme” first)

Theme: Paris Carrelage
// or, in config.json: "default_theme": "custom-Paris Carrelage"

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.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/subway-seat.json

{
  "name": "Subway Seat",
  "is_dark": true,
  "colors": {
    "accent-color": "#EC7F31",
    "primary-color": "#EC7F31",
    "warning-color": "#E05C45",
    "alert": "#FF8373",
    "links": "#7F9BAE",
    "primary-content": "#EDDCBC",
    "secondary-content": "#C4AE8C",
    "tertiary-content": "#AE9575",
    "quaternary-content": "#967B5C",
    "quinary-content": "#7B6047",
    "system": "#43301F",
    "system-transparent": "#43301F00",
    "background": "#362619",
    "sidebar-color": "#20160E",
    "roomlist-background-color": "#2A1D13",
    "roomlist-highlights-color": "#43301F",
    "roomlist-separator-color": "#513B27",
    "secondary-hairline-color": "#43301F",
    "timeline-background-color": "#362619",
    "timeline-text-color": "#EDDCBC",
    "timeline-text-secondary-color": "#C4AE8C",
    "timeline-highlights-color": "#503B1F",
    "focus-bg-color": "#634932",
    "room-highlight-color": "#513B27",
    "menu-selected-color": "#43301F",
    "togglesw-off-color": "#7B6047",
    "reaction-row-button-selected-bg-color": "#5E3A1E",
    "eventbubble-self-bg": "#4F321C",
    "eventbubble-others-bg": "#43301F",
    "eventbubble-bg-hover": "#3F2D1D",
    "accent-color-100": "#482F1B",
    "accent-color-200": "#51331D",
    "accent-color-300": "#5E3A1E",
    "accent-color-400": "#704221",
    "accent-color-500": "#864D24",
    "accent-color-600": "#985626",
    "accent-color-700": "#B06229",
    "accent-color-800": "#CD702D",
    "accent-color-900": "#EC7F31",
    "accent-color-1000": "#EE8F49",
    "accent-color-1100": "#F0A062",
    "accent-color-1200": "#F2B682",
    "accent-color-1300": "#F4CBA3",
    "accent-color-1400": "#F6DCBC"
  },
  "compound": {
    "--cpd-color-theme-bg": "#362619",
    "--cpd-color-gray-100": "#3A291B",
    "--cpd-color-gray-200": "#3F2D1D",
    "--cpd-color-gray-300": "#43301F",
    "--cpd-color-gray-400": "#513B27",
    "--cpd-color-gray-500": "#634932",
    "--cpd-color-gray-600": "#7B6047",
    "--cpd-color-gray-700": "#886E52",
    "--cpd-color-gray-800": "#967B5C",
    "--cpd-color-gray-900": "#AE9575",
    "--cpd-color-gray-1000": "#C4AE8C",
    "--cpd-color-gray-1100": "#D9C6A3",
    "--cpd-color-gray-1200": "#E3D1B0",
    "--cpd-color-gray-1300": "#EDDCBC",
    "--cpd-color-gray-1400": "#F8ECD4",
    "--cpd-color-alpha-gray-100": "#F8ECD404",
    "--cpd-color-alpha-gray-200": "#F8ECD409",
    "--cpd-color-alpha-gray-300": "#F8ECD40D",
    "--cpd-color-alpha-gray-400": "#F8ECD41B",
    "--cpd-color-alpha-gray-500": "#F8ECD42E",
    "--cpd-color-alpha-gray-600": "#F8ECD44C",
    "--cpd-color-alpha-gray-700": "#F8ECD45D",
    "--cpd-color-alpha-gray-800": "#F8ECD46D",
    "--cpd-color-alpha-gray-900": "#F8ECD48E",
    "--cpd-color-alpha-gray-1000": "#F8ECD4AD",
    "--cpd-color-alpha-gray-1100": "#F8ECD4CB",
    "--cpd-color-alpha-gray-1200": "#F8ECD4DA",
    "--cpd-color-alpha-gray-1300": "#F8ECD4E9",
    "--cpd-color-alpha-gray-1400": "#F8ECD4FF",
    "--cpd-color-red-100": "#472B1D",
    "--cpd-color-red-200": "#502E20",
    "--cpd-color-red-300": "#5B3223",
    "--cpd-color-red-400": "#6C3727",
    "--cpd-color-red-500": "#813E2C",
    "--cpd-color-red-600": "#924331",
    "--cpd-color-red-700": "#A84A36",
    "--cpd-color-red-800": "#C3533E",
    "--cpd-color-red-900": "#E05C45",
    "--cpd-color-red-1000": "#E4725A",
    "--cpd-color-red-1100": "#E78770",
    "--cpd-color-red-1200": "#ECA48C",
    "--cpd-color-red-1300": "#F1C1A9",
    "--cpd-color-red-1400": "#F4D6BF",
    "--cpd-color-alpha-red-100": "#E05C451A",
    "--cpd-color-alpha-red-200": "#E05C4526",
    "--cpd-color-alpha-red-300": "#E05C4538",
    "--cpd-color-alpha-red-400": "#E05C4552",
    "--cpd-color-alpha-red-500": "#E05C4570",
    "--cpd-color-alpha-red-600": "#E05C458A",
    "--cpd-color-alpha-red-700": "#E05C45AB",
    "--cpd-color-alpha-red-800": "#E05C45D4",
    "--cpd-color-alpha-red-900": "#E05C45FF",
    "--cpd-color-alpha-red-1000": "#E4725AFF",
    "--cpd-color-alpha-red-1100": "#E78770FF",
    "--cpd-color-alpha-red-1200": "#ECA48CFF",
    "--cpd-color-alpha-red-1300": "#F1C1A9FF",
    "--cpd-color-alpha-red-1400": "#F4D6BFFF",
    "--cpd-color-orange-100": "#482F1B",
    "--cpd-color-orange-200": "#51331D",
    "--cpd-color-orange-300": "#5E3A1E",
    "--cpd-color-orange-400": "#704221",
    "--cpd-color-orange-500": "#864D24",
    "--cpd-color-orange-600": "#985626",
    "--cpd-color-orange-700": "#B06229",
    "--cpd-color-orange-800": "#CD702D",
    "--cpd-color-orange-900": "#EC7F31",
    "--cpd-color-orange-1000": "#EE8F49",
    "--cpd-color-orange-1100": "#F0A062",
    "--cpd-color-orange-1200": "#F2B682",
    "--cpd-color-orange-1300": "#F4CBA3",
    "--cpd-color-orange-1400": "#F6DCBC",
    "--cpd-color-alpha-orange-100": "#EC7F311A",
    "--cpd-color-alpha-orange-200": "#EC7F3126",
    "--cpd-color-alpha-orange-300": "#EC7F3138",
    "--cpd-color-alpha-orange-400": "#EC7F3152",
    "--cpd-color-alpha-orange-500": "#EC7F3170",
    "--cpd-color-alpha-orange-600": "#EC7F318A",
    "--cpd-color-alpha-orange-700": "#EC7F31AB",
    "--cpd-color-alpha-orange-800": "#EC7F31D4",
    "--cpd-color-alpha-orange-900": "#EC7F31FF",
    "--cpd-color-alpha-orange-1000": "#EE8F49FF",
    "--cpd-color-alpha-orange-1100": "#F0A062FF",
    "--cpd-color-alpha-orange-1200": "#F2B682FF",
    "--cpd-color-alpha-orange-1300": "#F4CBA3FF",
    "--cpd-color-alpha-orange-1400": "#F6DCBCFF",
    "--cpd-color-yellow-100": "#49351D",
    "--cpd-color-yellow-200": "#523D20",
    "--cpd-color-yellow-300": "#604823",
    "--cpd-color-yellow-400": "#725727",
    "--cpd-color-yellow-500": "#89692C",
    "--cpd-color-yellow-600": "#9C7931",
    "--cpd-color-yellow-700": "#B58D36",
    "--cpd-color-yellow-800": "#D3A53E",
    "--cpd-color-yellow-900": "#F3BF45",
    "--cpd-color-yellow-1000": "#F4C65A",
    "--cpd-color-yellow-1100": "#F4CC70",
    "--cpd-color-yellow-1200": "#F6D68C",
    "--cpd-color-yellow-1300": "#F6DEA9",
    "--cpd-color-yellow-1400": "#F7E5BF",
    "--cpd-color-alpha-yellow-100": "#F3BF451A",

Showing 150 of 380 lines.

subway-seat-tunnel.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/subway-seat-tunnel.json

{
  "name": "Subway Seat Tunnel",
  "is_dark": true,
  "colors": {
    "accent-color": "#EC7F31",
    "primary-color": "#EC7F31",
    "warning-color": "#E05C45",
    "alert": "#FF8373",
    "links": "#7F9BAE",
    "primary-content": "#E9D8B6",
    "secondary-content": "#C0AA88",
    "tertiary-content": "#AA9171",
    "quaternary-content": "#917759",
    "quinary-content": "#745B45",
    "system": "#302115",
    "system-transparent": "#30211500",
    "background": "#24180E",
    "sidebar-color": "#140D07",
    "roomlist-background-color": "#1B120A",
    "roomlist-highlights-color": "#302115",
    "roomlist-separator-color": "#3D2C1D",
    "secondary-hairline-color": "#302115",
    "timeline-background-color": "#24180E",
    "timeline-text-color": "#E9D8B6",
    "timeline-text-secondary-color": "#C0AA88",
    "timeline-highlights-color": "#412F16",
    "focus-bg-color": "#4F3927",
    "room-highlight-color": "#3D2C1D",
    "menu-selected-color": "#302115",
    "togglesw-off-color": "#745B45",
    "reaction-row-button-selected-bg-color": "#502F16",
    "eventbubble-self-bg": "#402613",
    "eventbubble-others-bg": "#302115",
    "eventbubble-bg-hover": "#2C1E13",
    "accent-color-100": "#382212",
    "accent-color-200": "#422713",
    "accent-color-300": "#502F16",
    "accent-color-400": "#643919",
    "accent-color-500": "#7C451D",
    "accent-color-600": "#905021",
    "accent-color-700": "#AA5D25",
    "accent-color-800": "#CA6D2B",
    "accent-color-900": "#EC7F31",
    "accent-color-1000": "#EE8F49",
    "accent-color-1100": "#EF9F61",
    "accent-color-1200": "#F1B481",
    "accent-color-1300": "#F3CAA1",
    "accent-color-1400": "#F4DAB9"
  },
  "compound": {
    "--cpd-color-theme-bg": "#24180E",
    "--cpd-color-gray-100": "#281B10",
    "--cpd-color-gray-200": "#2C1E13",
    "--cpd-color-gray-300": "#302115",
    "--cpd-color-gray-400": "#3D2C1D",
    "--cpd-color-gray-500": "#4F3927",
    "--cpd-color-gray-600": "#745B45",
    "--cpd-color-gray-700": "#82694F",
    "--cpd-color-gray-800": "#917759",
    "--cpd-color-gray-900": "#AA9171",
    "--cpd-color-gray-1000": "#C0AA88",
    "--cpd-color-gray-1100": "#D6C3A0",
    "--cpd-color-gray-1200": "#E0CEAB",
    "--cpd-color-gray-1300": "#E9D8B6",
    "--cpd-color-gray-1400": "#F6EAD1",
    "--cpd-color-alpha-gray-100": "#F6EAD104",
    "--cpd-color-alpha-gray-200": "#F6EAD108",
    "--cpd-color-alpha-gray-300": "#F6EAD10C",
    "--cpd-color-alpha-gray-400": "#F6EAD119",
    "--cpd-color-alpha-gray-500": "#F6EAD12A",
    "--cpd-color-alpha-gray-600": "#F6EAD154",
    "--cpd-color-alpha-gray-700": "#F6EAD164",
    "--cpd-color-alpha-gray-800": "#F6EAD174",
    "--cpd-color-alpha-gray-900": "#F6EAD193",
    "--cpd-color-alpha-gray-1000": "#F6EAD1B0",
    "--cpd-color-alpha-gray-1100": "#F6EAD1CE",
    "--cpd-color-alpha-gray-1200": "#F6EAD1DB",
    "--cpd-color-alpha-gray-1300": "#F6EAD1E7",
    "--cpd-color-alpha-gray-1400": "#F6EAD1FF",
    "--cpd-color-red-100": "#371F14",
    "--cpd-color-red-200": "#402216",
    "--cpd-color-red-300": "#4D271A",
    "--cpd-color-red-400": "#602E20",
    "--cpd-color-red-500": "#773626",
    "--cpd-color-red-600": "#8A3D2C",
    "--cpd-color-red-700": "#A24633",
    "--cpd-color-red-800": "#C0503C",
    "--cpd-color-red-900": "#E05C45",
    "--cpd-color-red-1000": "#E3715A",
    "--cpd-color-red-1100": "#E7876F",
    "--cpd-color-red-1200": "#EBA38B",
    "--cpd-color-red-1300": "#EFBFA7",
    "--cpd-color-red-1400": "#F3D5BC",
    "--cpd-color-alpha-red-100": "#E05C451A",
    "--cpd-color-alpha-red-200": "#E05C4526",
    "--cpd-color-alpha-red-300": "#E05C4538",
    "--cpd-color-alpha-red-400": "#E05C4552",
    "--cpd-color-alpha-red-500": "#E05C4570",
    "--cpd-color-alpha-red-600": "#E05C458A",
    "--cpd-color-alpha-red-700": "#E05C45AB",
    "--cpd-color-alpha-red-800": "#E05C45D4",
    "--cpd-color-alpha-red-900": "#E05C45FF",
    "--cpd-color-alpha-red-1000": "#E3715AFF",
    "--cpd-color-alpha-red-1100": "#E7876FFF",
    "--cpd-color-alpha-red-1200": "#EBA38BFF",
    "--cpd-color-alpha-red-1300": "#EFBFA7FF",
    "--cpd-color-alpha-red-1400": "#F3D5BCFF",
    "--cpd-color-orange-100": "#382212",
    "--cpd-color-orange-200": "#422713",
    "--cpd-color-orange-300": "#502F16",
    "--cpd-color-orange-400": "#643919",
    "--cpd-color-orange-500": "#7C451D",
    "--cpd-color-orange-600": "#905021",
    "--cpd-color-orange-700": "#AA5D25",
    "--cpd-color-orange-800": "#CA6D2B",
    "--cpd-color-orange-900": "#EC7F31",
    "--cpd-color-orange-1000": "#EE8F49",
    "--cpd-color-orange-1100": "#EF9F61",
    "--cpd-color-orange-1200": "#F1B481",
    "--cpd-color-orange-1300": "#F3CAA1",
    "--cpd-color-orange-1400": "#F4DAB9",
    "--cpd-color-alpha-orange-100": "#EC7F311A",
    "--cpd-color-alpha-orange-200": "#EC7F3126",
    "--cpd-color-alpha-orange-300": "#EC7F3138",
    "--cpd-color-alpha-orange-400": "#EC7F3152",
    "--cpd-color-alpha-orange-500": "#EC7F3170",
    "--cpd-color-alpha-orange-600": "#EC7F318A",
    "--cpd-color-alpha-orange-700": "#EC7F31AB",
    "--cpd-color-alpha-orange-800": "#EC7F31D4",
    "--cpd-color-alpha-orange-900": "#EC7F31FF",
    "--cpd-color-alpha-orange-1000": "#EE8F49FF",
    "--cpd-color-alpha-orange-1100": "#EF9F61FF",
    "--cpd-color-alpha-orange-1200": "#F1B481FF",
    "--cpd-color-alpha-orange-1300": "#F3CAA1FF",
    "--cpd-color-alpha-orange-1400": "#F4DAB9FF",
    "--cpd-color-yellow-100": "#392914",
    "--cpd-color-yellow-200": "#433116",
    "--cpd-color-yellow-300": "#523D1A",
    "--cpd-color-yellow-400": "#664D20",
    "--cpd-color-yellow-500": "#7F6126",
    "--cpd-color-yellow-600": "#94722C",
    "--cpd-color-yellow-700": "#AF8833",
    "--cpd-color-yellow-800": "#D0A33C",
    "--cpd-color-yellow-900": "#F3BF45",
    "--cpd-color-yellow-1000": "#F3C55A",
    "--cpd-color-yellow-1100": "#F4CC6F",
    "--cpd-color-yellow-1200": "#F4D48B",
    "--cpd-color-yellow-1300": "#F5DDA7",
    "--cpd-color-yellow-1400": "#F6E4BC",
    "--cpd-color-alpha-yellow-100": "#F3BF451A",

Showing 150 of 380 lines.

subway-seat-enamel.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/subway-seat-enamel.json

{
  "name": "Subway Seat Enamel",
  "is_dark": false,
  "colors": {
    "accent-color": "#A04800",
    "primary-color": "#A04800",
    "warning-color": "#992418",
    "alert": "#BF4233",
    "links": "#3F6480",
    "primary-content": "#3E2C1E",
    "secondary-content": "#654F3B",
    "tertiary-content": "#735C44",
    "quaternary-content": "#8C7254",
    "quinary-content": "#A58D6D",
    "system": "#E4D8C0",
    "system-transparent": "#E4D8C000",
    "background": "#F8EFDF",
    "sidebar-color": "#E4D8C0",
    "roomlist-background-color": "#EEE4D0",
    "roomlist-highlights-color": "#E4D8C0",
    "roomlist-separator-color": "#DBCDB3",
    "secondary-hairline-color": "#E4D8C0",
    "timeline-background-color": "#F8EFDF",
    "timeline-text-color": "#3E2C1E",
    "timeline-text-secondary-color": "#654F3B",
    "timeline-highlights-color": "#EADCC1",
    "focus-bg-color": "#CBB898",
    "room-highlight-color": "#DBCDB3",
    "menu-selected-color": "#E4D8C0",
    "togglesw-off-color": "#A58D6D",
    "reaction-row-button-selected-bg-color": "#E5CAAE",
    "eventbubble-self-bg": "#ECD8C0",
    "eventbubble-others-bg": "#E4D8C0",
    "eventbubble-bg-hover": "#EEE4D0",
    "accent-color-100": "#EFDEC9",
    "accent-color-200": "#EBD6BE",
    "accent-color-300": "#E5CAAE",
    "accent-color-400": "#DCBA98",
    "accent-color-500": "#D1A67D",
    "accent-color-600": "#C89567",
    "accent-color-700": "#BD7F4A",
    "accent-color-800": "#AF6426",
    "accent-color-900": "#A04800",
    "accent-color-1000": "#8E4203",
    "accent-color-1100": "#7D3B06",
    "accent-color-1200": "#65320A",
    "accent-color-1300": "#4D2A0D",
    "accent-color-1400": "#3C2310"
  },
  "compound": {
    "--cpd-color-theme-bg": "#F8EFDF",
    "--cpd-color-gray-100": "#F3EAD8",
    "--cpd-color-gray-200": "#EEE4D0",
    "--cpd-color-gray-300": "#E4D8C0",
    "--cpd-color-gray-400": "#DBCDB3",
    "--cpd-color-gray-500": "#CBB898",
    "--cpd-color-gray-600": "#BAA380",
    "--cpd-color-gray-700": "#A58D6D",
    "--cpd-color-gray-800": "#8C7254",
    "--cpd-color-gray-900": "#735C44",
    "--cpd-color-gray-1000": "#654F3B",
    "--cpd-color-gray-1100": "#54402F",
    "--cpd-color-gray-1200": "#493626",
    "--cpd-color-gray-1300": "#3E2C1E",
    "--cpd-color-gray-1400": "#2A1D13",
    "--cpd-color-alpha-gray-100": "#2A1D1307",
    "--cpd-color-alpha-gray-200": "#2A1D130F",
    "--cpd-color-alpha-gray-300": "#2A1D131E",
    "--cpd-color-alpha-gray-400": "#2A1D132C",
    "--cpd-color-alpha-gray-500": "#2A1D1346",
    "--cpd-color-alpha-gray-600": "#2A1D1360",
    "--cpd-color-alpha-gray-700": "#2A1D1379",
    "--cpd-color-alpha-gray-800": "#2A1D1399",
    "--cpd-color-alpha-gray-900": "#2A1D13B3",
    "--cpd-color-alpha-gray-1000": "#2A1D13C2",
    "--cpd-color-alpha-gray-1100": "#2A1D13D4",
    "--cpd-color-alpha-gray-1200": "#2A1D13E0",
    "--cpd-color-alpha-gray-1300": "#2A1D13EC",
    "--cpd-color-alpha-gray-1400": "#2A1D13FF",
    "--cpd-color-red-100": "#EFDBCB",
    "--cpd-color-red-200": "#EAD1C1",
    "--cpd-color-red-300": "#E3C2B3",
    "--cpd-color-red-400": "#DAAE9F",
    "--cpd-color-red-500": "#CE9687",
    "--cpd-color-red-600": "#C58174",
    "--cpd-color-red-700": "#B8675A",
    "--cpd-color-red-800": "#A9473A",
    "--cpd-color-red-900": "#992418",
    "--cpd-color-red-1000": "#882317",
    "--cpd-color-red-1100": "#782216",
    "--cpd-color-red-1200": "#622016",
    "--cpd-color-red-1300": "#4B1F14",
    "--cpd-color-red-1400": "#3B1E14",
    "--cpd-color-alpha-red-100": "#9924181A",
    "--cpd-color-alpha-red-200": "#99241826",
    "--cpd-color-alpha-red-300": "#99241838",
    "--cpd-color-alpha-red-400": "#99241852",
    "--cpd-color-alpha-red-500": "#99241870",
    "--cpd-color-alpha-red-600": "#9924188A",
    "--cpd-color-alpha-red-700": "#992418AB",
    "--cpd-color-alpha-red-800": "#992418D4",
    "--cpd-color-alpha-red-900": "#992418FF",
    "--cpd-color-alpha-red-1000": "#882317FF",
    "--cpd-color-alpha-red-1100": "#782216FF",
    "--cpd-color-alpha-red-1200": "#622016FF",
    "--cpd-color-alpha-red-1300": "#4B1F14FF",
    "--cpd-color-alpha-red-1400": "#3B1E14FF",
    "--cpd-color-orange-100": "#EFDEC9",
    "--cpd-color-orange-200": "#EBD6BE",
    "--cpd-color-orange-300": "#E5CAAE",
    "--cpd-color-orange-400": "#DCBA98",
    "--cpd-color-orange-500": "#D1A67D",
    "--cpd-color-orange-600": "#C89567",
    "--cpd-color-orange-700": "#BD7F4A",
    "--cpd-color-orange-800": "#AF6426",
    "--cpd-color-orange-900": "#A04800",
    "--cpd-color-orange-1000": "#8E4203",
    "--cpd-color-orange-1100": "#7D3B06",
    "--cpd-color-orange-1200": "#65320A",
    "--cpd-color-orange-1300": "#4D2A0D",
    "--cpd-color-orange-1400": "#3C2310",
    "--cpd-color-alpha-orange-100": "#A048001A",
    "--cpd-color-alpha-orange-200": "#A0480026",
    "--cpd-color-alpha-orange-300": "#A0480038",
    "--cpd-color-alpha-orange-400": "#A0480052",
    "--cpd-color-alpha-orange-500": "#A0480070",
    "--cpd-color-alpha-orange-600": "#A048008A",
    "--cpd-color-alpha-orange-700": "#A04800AB",
    "--cpd-color-alpha-orange-800": "#A04800D4",
    "--cpd-color-alpha-orange-900": "#A04800FF",
    "--cpd-color-alpha-orange-1000": "#8E4203FF",
    "--cpd-color-alpha-orange-1100": "#7D3B06FF",
    "--cpd-color-alpha-orange-1200": "#65320AFF",
    "--cpd-color-alpha-orange-1300": "#4D2A0DFF",
    "--cpd-color-alpha-orange-1400": "#3C2310FF",
    "--cpd-color-yellow-100": "#EEE1CA",
    "--cpd-color-yellow-200": "#E9DABF",
    "--cpd-color-yellow-300": "#E3D1B0",
    "--cpd-color-yellow-400": "#D9C39A",
    "--cpd-color-yellow-500": "#CDB380",
    "--cpd-color-yellow-600": "#C4A56B",
    "--cpd-color-yellow-700": "#B7934F",
    "--cpd-color-yellow-800": "#A77D2D",
    "--cpd-color-yellow-900": "#976608",
    "--cpd-color-yellow-1000": "#875B0A",
    "--cpd-color-yellow-1100": "#76500B",
    "--cpd-color-yellow-1200": "#60420E",
    "--cpd-color-yellow-1300": "#4B3310",
    "--cpd-color-yellow-1400": "#3A2811",
    "--cpd-color-alpha-yellow-100": "#9766081A",

Showing 150 of 380 lines.

london-moquette.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/london-moquette.json

{
  "name": "London Moquette",
  "is_dark": true,
  "colors": {
    "accent-color": "#DE8946",
    "primary-color": "#DE8946",
    "warning-color": "#DB6052",
    "alert": "#FE8474",
    "links": "#7595DA",
    "primary-content": "#D8DEEA",
    "secondary-content": "#A9B2C4",
    "tertiary-content": "#8F9AB0",
    "quaternary-content": "#73819C",
    "quinary-content": "#576685",
    "system": "#263451",
    "system-transparent": "#26345100",
    "background": "#1E2941",
    "sidebar-color": "#121826",
    "roomlist-background-color": "#172032",
    "roomlist-highlights-color": "#263451",
    "roomlist-separator-color": "#303F61",
    "secondary-hairline-color": "#263451",
    "timeline-background-color": "#1E2941",
    "timeline-text-color": "#D8DEEA",
    "timeline-text-secondary-color": "#A9B2C4",
    "timeline-highlights-color": "#3C3E41",
    "focus-bg-color": "#3D4F72",
    "room-highlight-color": "#303F61",
    "menu-selected-color": "#263451",
    "togglesw-off-color": "#576685",
    "reaction-row-button-selected-bg-color": "#483E42",
    "eventbubble-self-bg": "#393642",
    "eventbubble-others-bg": "#263451",
    "eventbubble-bg-hover": "#23304C",
    "accent-color-100": "#313342",
    "accent-color-200": "#3B3742",
    "accent-color-300": "#483E42",
    "accent-color-400": "#5B4843",
    "accent-color-500": "#725343",
    "accent-color-600": "#865D44",
    "accent-color-700": "#9F6944",
    "accent-color-800": "#BD7945",
    "accent-color-900": "#DE8946",
    "accent-color-1000": "#E09860",
    "accent-color-1100": "#E1A77B",
    "accent-color-1200": "#E4BB9E",
    "accent-color-1300": "#E6CFC0",
    "accent-color-1400": "#E7DEDB"
  },
  "compound": {
    "--cpd-color-theme-bg": "#1E2941",
    "--cpd-color-gray-100": "#212D46",
    "--cpd-color-gray-200": "#23304C",
    "--cpd-color-gray-300": "#263451",
    "--cpd-color-gray-400": "#303F61",
    "--cpd-color-gray-500": "#3D4F72",
    "--cpd-color-gray-600": "#576685",
    "--cpd-color-gray-700": "#657490",
    "--cpd-color-gray-800": "#73819C",
    "--cpd-color-gray-900": "#8F9AB0",
    "--cpd-color-gray-1000": "#A9B2C4",
    "--cpd-color-gray-1100": "#C1C9D8",
    "--cpd-color-gray-1200": "#CCD4E1",
    "--cpd-color-gray-1300": "#D8DEEA",
    "--cpd-color-gray-1400": "#E9EDF5",
    "--cpd-color-alpha-gray-100": "#E9EDF505",
    "--cpd-color-alpha-gray-200": "#E9EDF50A",
    "--cpd-color-alpha-gray-300": "#E9EDF50F",
    "--cpd-color-alpha-gray-400": "#E9EDF51F",
    "--cpd-color-alpha-gray-500": "#E9EDF533",
    "--cpd-color-alpha-gray-600": "#E9EDF551",
    "--cpd-color-alpha-gray-700": "#E9EDF563",
    "--cpd-color-alpha-gray-800": "#E9EDF574",
    "--cpd-color-alpha-gray-900": "#E9EDF594",
    "--cpd-color-alpha-gray-1000": "#E9EDF5B3",
    "--cpd-color-alpha-gray-1100": "#E9EDF5D1",
    "--cpd-color-alpha-gray-1200": "#E9EDF5DE",
    "--cpd-color-alpha-gray-1300": "#E9EDF5EC",
    "--cpd-color-alpha-gray-1400": "#E9EDF5FF",
    "--cpd-color-red-100": "#312E43",
    "--cpd-color-red-200": "#3A3144",
    "--cpd-color-red-300": "#483545",
    "--cpd-color-red-400": "#5A3B46",
    "--cpd-color-red-500": "#714148",
    "--cpd-color-red-600": "#84474A",
    "--cpd-color-red-700": "#9D4E4C",
    "--cpd-color-red-800": "#BB574F",
    "--cpd-color-red-900": "#DB6052",
    "--cpd-color-red-1000": "#DD756A",
    "--cpd-color-red-1100": "#DF8A83",
    "--cpd-color-red-1200": "#E2A6A4",
    "--cpd-color-red-1300": "#E5C3C4",
    "--cpd-color-red-1400": "#E7D8DD",
    "--cpd-color-alpha-red-100": "#DB60521A",
    "--cpd-color-alpha-red-200": "#DB605226",
    "--cpd-color-alpha-red-300": "#DB605238",
    "--cpd-color-alpha-red-400": "#DB605252",
    "--cpd-color-alpha-red-500": "#DB605270",
    "--cpd-color-alpha-red-600": "#DB60528A",
    "--cpd-color-alpha-red-700": "#DB6052AB",
    "--cpd-color-alpha-red-800": "#DB6052D4",
    "--cpd-color-alpha-red-900": "#DB6052FF",
    "--cpd-color-alpha-red-1000": "#DD756AFF",
    "--cpd-color-alpha-red-1100": "#DF8A83FF",
    "--cpd-color-alpha-red-1200": "#E2A6A4FF",
    "--cpd-color-alpha-red-1300": "#E5C3C4FF",
    "--cpd-color-alpha-red-1400": "#E7D8DDFF",
    "--cpd-color-orange-100": "#313342",
    "--cpd-color-orange-200": "#3B3742",
    "--cpd-color-orange-300": "#483E42",
    "--cpd-color-orange-400": "#5B4843",
    "--cpd-color-orange-500": "#725343",
    "--cpd-color-orange-600": "#865D44",
    "--cpd-color-orange-700": "#9F6944",
    "--cpd-color-orange-800": "#BD7945",
    "--cpd-color-orange-900": "#DE8946",
    "--cpd-color-orange-1000": "#E09860",
    "--cpd-color-orange-1100": "#E1A77B",
    "--cpd-color-orange-1200": "#E4BB9E",
    "--cpd-color-orange-1300": "#E6CFC0",
    "--cpd-color-orange-1400": "#E7DEDB",
    "--cpd-color-alpha-orange-100": "#DE89461A",
    "--cpd-color-alpha-orange-200": "#DE894626",
    "--cpd-color-alpha-orange-300": "#DE894638",
    "--cpd-color-alpha-orange-400": "#DE894652",
    "--cpd-color-alpha-orange-500": "#DE894670",
    "--cpd-color-alpha-orange-600": "#DE89468A",
    "--cpd-color-alpha-orange-700": "#DE8946AB",
    "--cpd-color-alpha-orange-800": "#DE8946D4",
    "--cpd-color-alpha-orange-900": "#DE8946FF",
    "--cpd-color-alpha-orange-1000": "#E09860FF",
    "--cpd-color-alpha-orange-1100": "#E1A77BFF",
    "--cpd-color-alpha-orange-1200": "#E4BB9EFF",
    "--cpd-color-alpha-orange-1300": "#E6CFC0FF",
    "--cpd-color-alpha-orange-1400": "#E7DEDBFF",
    "--cpd-color-yellow-100": "#333841",
    "--cpd-color-yellow-200": "#3E4041",
    "--cpd-color-yellow-300": "#4D4A41",
    "--cpd-color-yellow-400": "#625940",
    "--cpd-color-yellow-500": "#7B6B40",
    "--cpd-color-yellow-600": "#907B40",
    "--cpd-color-yellow-700": "#AC8E40",
    "--cpd-color-yellow-800": "#CEA63F",
    "--cpd-color-yellow-900": "#F2C03F",
    "--cpd-color-yellow-1000": "#F1C75A",
    "--cpd-color-yellow-1100": "#EFCE76",
    "--cpd-color-yellow-1200": "#EED69A",
    "--cpd-color-yellow-1300": "#ECDFBE",
    "--cpd-color-yellow-1400": "#EAE6DA",
    "--cpd-color-alpha-yellow-100": "#F2C03F1A",

Showing 150 of 380 lines.

london-deep-level.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/london-deep-level.json

{
  "name": "London Deep Level",
  "is_dark": true,
  "colors": {
    "accent-color": "#DE8946",
    "primary-color": "#DE8946",
    "warning-color": "#DB6052",
    "alert": "#FE8474",
    "links": "#7595DA",
    "primary-content": "#D4DAE7",
    "secondary-content": "#A5AEC0",
    "tertiary-content": "#8B96AC",
    "quaternary-content": "#6F7C97",
    "quinary-content": "#53617D",
    "system": "#1A243A",
    "system-transparent": "#1A243A00",
    "background": "#121A2D",
    "sidebar-color": "#0A0E18",
    "roomlist-background-color": "#0D1421",
    "roomlist-highlights-color": "#1A243A",
    "roomlist-separator-color": "#232F49",
    "secondary-hairline-color": "#1A243A",
    "timeline-background-color": "#121A2D",
    "timeline-text-color": "#D4DAE7",
    "timeline-text-secondary-color": "#A5AEC0",
    "timeline-highlights-color": "#313130",
    "focus-bg-color": "#303E5B",
    "room-highlight-color": "#232F49",
    "menu-selected-color": "#1A243A",
    "togglesw-off-color": "#53617D",
    "reaction-row-button-selected-bg-color": "#3F3232",
    "eventbubble-self-bg": "#2F2A30",
    "eventbubble-others-bg": "#1A243A",
    "eventbubble-bg-hover": "#172136",
    "accent-color-100": "#262530",
    "accent-color-200": "#312B31",
    "accent-color-300": "#3F3232",
    "accent-color-400": "#533E35",
    "accent-color-500": "#6C4B38",
    "accent-color-600": "#80563A",
    "accent-color-700": "#9B643E",
    "accent-color-800": "#BB7642",
    "accent-color-900": "#DE8946",
    "accent-color-1000": "#DF9860",
    "accent-color-1100": "#E1A67A",
    "accent-color-1200": "#E2BA9C",
    "accent-color-1300": "#E4CEBF",
    "accent-color-1400": "#E6DCD9"
  },
  "compound": {
    "--cpd-color-theme-bg": "#121A2D",
    "--cpd-color-gray-100": "#151D31",
    "--cpd-color-gray-200": "#172136",
    "--cpd-color-gray-300": "#1A243A",
    "--cpd-color-gray-400": "#232F49",
    "--cpd-color-gray-500": "#303E5B",
    "--cpd-color-gray-600": "#53617D",
    "--cpd-color-gray-700": "#616E8A",
    "--cpd-color-gray-800": "#6F7C97",
    "--cpd-color-gray-900": "#8B96AC",
    "--cpd-color-gray-1000": "#A5AEC0",
    "--cpd-color-gray-1100": "#BEC6D5",
    "--cpd-color-gray-1200": "#C9D0DE",
    "--cpd-color-gray-1300": "#D4DAE7",
    "--cpd-color-gray-1400": "#E7EBF3",
    "--cpd-color-alpha-gray-100": "#E7EBF304",
    "--cpd-color-alpha-gray-200": "#E7EBF309",
    "--cpd-color-alpha-gray-300": "#E7EBF30D",
    "--cpd-color-alpha-gray-400": "#E7EBF31B",
    "--cpd-color-alpha-gray-500": "#E7EBF32E",
    "--cpd-color-alpha-gray-600": "#E7EBF359",
    "--cpd-color-alpha-gray-700": "#E7EBF369",
    "--cpd-color-alpha-gray-800": "#E7EBF37A",
    "--cpd-color-alpha-gray-900": "#E7EBF399",
    "--cpd-color-alpha-gray-1000": "#E7EBF3B6",
    "--cpd-color-alpha-gray-1100": "#E7EBF3D2",
    "--cpd-color-alpha-gray-1200": "#E7EBF3DF",
    "--cpd-color-alpha-gray-1300": "#E7EBF3EB",
    "--cpd-color-alpha-gray-1400": "#E7EBF3FF",
    "--cpd-color-red-100": "#262131",
    "--cpd-color-red-200": "#302433",
    "--cpd-color-red-300": "#3E2935",
    "--cpd-color-red-400": "#523039",
    "--cpd-color-red-500": "#6A393D",
    "--cpd-color-red-600": "#7F4041",
    "--cpd-color-red-700": "#994946",
    "--cpd-color-red-800": "#B9544C",
    "--cpd-color-red-900": "#DB6052",
    "--cpd-color-red-1000": "#DD756A",
    "--cpd-color-red-1100": "#DF8A82",
    "--cpd-color-red-1200": "#E1A6A2",
    "--cpd-color-red-1300": "#E3C1C3",
    "--cpd-color-red-1400": "#E5D6DB",
    "--cpd-color-alpha-red-100": "#DB60521A",
    "--cpd-color-alpha-red-200": "#DB605226",
    "--cpd-color-alpha-red-300": "#DB605238",
    "--cpd-color-alpha-red-400": "#DB605252",
    "--cpd-color-alpha-red-500": "#DB605270",
    "--cpd-color-alpha-red-600": "#DB60528A",
    "--cpd-color-alpha-red-700": "#DB6052AB",
    "--cpd-color-alpha-red-800": "#DB6052D4",
    "--cpd-color-alpha-red-900": "#DB6052FF",
    "--cpd-color-alpha-red-1000": "#DD756AFF",
    "--cpd-color-alpha-red-1100": "#DF8A82FF",
    "--cpd-color-alpha-red-1200": "#E1A6A2FF",
    "--cpd-color-alpha-red-1300": "#E3C1C3FF",
    "--cpd-color-alpha-red-1400": "#E5D6DBFF",
    "--cpd-color-orange-100": "#262530",
    "--cpd-color-orange-200": "#312B31",
    "--cpd-color-orange-300": "#3F3232",
    "--cpd-color-orange-400": "#533E35",
    "--cpd-color-orange-500": "#6C4B38",
    "--cpd-color-orange-600": "#80563A",
    "--cpd-color-orange-700": "#9B643E",
    "--cpd-color-orange-800": "#BB7642",
    "--cpd-color-orange-900": "#DE8946",
    "--cpd-color-orange-1000": "#DF9860",
    "--cpd-color-orange-1100": "#E1A67A",
    "--cpd-color-orange-1200": "#E2BA9C",
    "--cpd-color-orange-1300": "#E4CEBF",
    "--cpd-color-orange-1400": "#E6DCD9",
    "--cpd-color-alpha-orange-100": "#DE89461A",
    "--cpd-color-alpha-orange-200": "#DE894626",
    "--cpd-color-alpha-orange-300": "#DE894638",
    "--cpd-color-alpha-orange-400": "#DE894652",
    "--cpd-color-alpha-orange-500": "#DE894670",
    "--cpd-color-alpha-orange-600": "#DE89468A",
    "--cpd-color-alpha-orange-700": "#DE8946AB",
    "--cpd-color-alpha-orange-800": "#DE8946D4",
    "--cpd-color-alpha-orange-900": "#DE8946FF",
    "--cpd-color-alpha-orange-1000": "#DF9860FF",
    "--cpd-color-alpha-orange-1100": "#E1A67AFF",
    "--cpd-color-alpha-orange-1200": "#E2BA9CFF",
    "--cpd-color-alpha-orange-1300": "#E4CEBFFF",
    "--cpd-color-alpha-orange-1400": "#E6DCD9FF",
    "--cpd-color-yellow-100": "#282B2F",
    "--cpd-color-yellow-200": "#343330",
    "--cpd-color-yellow-300": "#433F31",
    "--cpd-color-yellow-400": "#5A4F33",
    "--cpd-color-yellow-500": "#756335",
    "--cpd-color-yellow-600": "#8B7437",
    "--cpd-color-yellow-700": "#A88939",
    "--cpd-color-yellow-800": "#CCA43C",
    "--cpd-color-yellow-900": "#F2C03F",
    "--cpd-color-yellow-1000": "#F0C65A",
    "--cpd-color-yellow-1100": "#EFCD75",
    "--cpd-color-yellow-1200": "#ECD699",
    "--cpd-color-yellow-1300": "#EADEBD",
    "--cpd-color-yellow-1400": "#E9E5D8",
    "--cpd-color-alpha-yellow-100": "#F2C03F1A",

Showing 150 of 380 lines.

london-portland.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/london-portland.json

{
  "name": "London Portland",
  "is_dark": false,
  "colors": {
    "accent-color": "#A54300",
    "primary-color": "#A54300",
    "warning-color": "#9B211A",
    "alert": "#CC2E25",
    "links": "#0019A8",
    "primary-content": "#293040",
    "secondary-content": "#4A5469",
    "tertiary-content": "#556179",
    "quaternary-content": "#697794",
    "quinary-content": "#8192B4",
    "system": "#CCDAF2",
    "system-transparent": "#CCDAF200",
    "background": "#E8F0FF",
    "sidebar-color": "#CCDAF2",
    "roomlist-background-color": "#DCE5F7",
    "roomlist-highlights-color": "#CCDAF2",
    "roomlist-separator-color": "#BFCFF1",
    "secondary-hairline-color": "#CCDAF2",
    "timeline-background-color": "#E8F0FF",
    "timeline-text-color": "#293040",
    "timeline-text-secondary-color": "#4A5469",
    "timeline-highlights-color": "#DBDEDC",
    "focus-bg-color": "#A8BBE2",
    "room-highlight-color": "#BFCFF1",
    "menu-selected-color": "#CCDAF2",
    "togglesw-off-color": "#8192B4",
    "reaction-row-button-selected-bg-color": "#D9CAC7",
    "eventbubble-self-bg": "#DFD8DB",
    "eventbubble-others-bg": "#CCDAF2",
    "eventbubble-bg-hover": "#DCE5F7",
    "accent-color-100": "#E1DFE6",
    "accent-color-200": "#DED6D9",
    "accent-color-300": "#D9CAC7",
    "accent-color-400": "#D3B9AD",
    "accent-color-500": "#CBA48F",
    "accent-color-600": "#C49375",
    "accent-color-700": "#BB7C54",
    "accent-color-800": "#B0602B",
    "accent-color-900": "#A54300",
    "accent-color-1000": "#903E06",
    "accent-color-1100": "#7C380D",
    "accent-color-1200": "#603216",
    "accent-color-1300": "#442A1E",
    "accent-color-1400": "#302525"
  },
  "compound": {
    "--cpd-color-theme-bg": "#E8F0FF",
    "--cpd-color-gray-100": "#E2EAFB",
    "--cpd-color-gray-200": "#DCE5F7",
    "--cpd-color-gray-300": "#CCDAF2",
    "--cpd-color-gray-400": "#BFCFF1",
    "--cpd-color-gray-500": "#A8BBE2",
    "--cpd-color-gray-600": "#93A7CF",
    "--cpd-color-gray-700": "#8192B4",
    "--cpd-color-gray-800": "#697794",
    "--cpd-color-gray-900": "#556179",
    "--cpd-color-gray-1000": "#4A5469",
    "--cpd-color-gray-1100": "#3C4557",
    "--cpd-color-gray-1200": "#323A4C",
    "--cpd-color-gray-1300": "#293040",
    "--cpd-color-gray-1400": "#1B202B",
    "--cpd-color-alpha-gray-100": "#1B202B07",
    "--cpd-color-alpha-gray-200": "#1B202B0D",
    "--cpd-color-alpha-gray-300": "#1B202B1A",
    "--cpd-color-alpha-gray-400": "#1B202B24",
    "--cpd-color-alpha-gray-500": "#1B202B3B",
    "--cpd-color-alpha-gray-600": "#1B202B54",
    "--cpd-color-alpha-gray-700": "#1B202B6F",
    "--cpd-color-alpha-gray-800": "#1B202B91",
    "--cpd-color-alpha-gray-900": "#1B202BAD",
    "--cpd-color-alpha-gray-1000": "#1B202BBD",
    "--cpd-color-alpha-gray-1100": "#1B202BD0",
    "--cpd-color-alpha-gray-1200": "#1B202BDD",
    "--cpd-color-alpha-gray-1300": "#1B202BEA",
    "--cpd-color-alpha-gray-1400": "#1B202BFF",
    "--cpd-color-red-100": "#E0DBE8",
    "--cpd-color-red-200": "#DCD1DD",
    "--cpd-color-red-300": "#D7C2CD",
    "--cpd-color-red-400": "#CFAEB6",
    "--cpd-color-red-500": "#C6959A",
    "--cpd-color-red-600": "#BE8083",
    "--cpd-color-red-700": "#B46566",
    "--cpd-color-red-800": "#A84441",
    "--cpd-color-red-900": "#9B211A",
    "--cpd-color-red-1000": "#88211D",
    "--cpd-color-red-1100": "#75211F",
    "--cpd-color-red-1200": "#5B2022",
    "--cpd-color-red-1300": "#412026",
    "--cpd-color-red-1400": "#2E2028",
    "--cpd-color-alpha-red-100": "#9B211A1A",
    "--cpd-color-alpha-red-200": "#9B211A26",
    "--cpd-color-alpha-red-300": "#9B211A38",
    "--cpd-color-alpha-red-400": "#9B211A52",
    "--cpd-color-alpha-red-500": "#9B211A70",
    "--cpd-color-alpha-red-600": "#9B211A8A",
    "--cpd-color-alpha-red-700": "#9B211AAB",
    "--cpd-color-alpha-red-800": "#9B211AD4",
    "--cpd-color-alpha-red-900": "#9B211AFF",
    "--cpd-color-alpha-red-1000": "#88211DFF",
    "--cpd-color-alpha-red-1100": "#75211FFF",
    "--cpd-color-alpha-red-1200": "#5B2022FF",
    "--cpd-color-alpha-red-1300": "#412026FF",
    "--cpd-color-alpha-red-1400": "#2E2028FF",
    "--cpd-color-orange-100": "#E1DFE6",
    "--cpd-color-orange-200": "#DED6D9",
    "--cpd-color-orange-300": "#D9CAC7",
    "--cpd-color-orange-400": "#D3B9AD",
    "--cpd-color-orange-500": "#CBA48F",
    "--cpd-color-orange-600": "#C49375",
    "--cpd-color-orange-700": "#BB7C54",
    "--cpd-color-orange-800": "#B0602B",
    "--cpd-color-orange-900": "#A54300",
    "--cpd-color-orange-1000": "#903E06",
    "--cpd-color-orange-1100": "#7C380D",
    "--cpd-color-orange-1200": "#603216",
    "--cpd-color-orange-1300": "#442A1E",
    "--cpd-color-orange-1400": "#302525",
    "--cpd-color-alpha-orange-100": "#A543001A",
    "--cpd-color-alpha-orange-200": "#A5430026",
    "--cpd-color-alpha-orange-300": "#A5430038",
    "--cpd-color-alpha-orange-400": "#A5430052",
    "--cpd-color-alpha-orange-500": "#A5430070",
    "--cpd-color-alpha-orange-600": "#A543008A",
    "--cpd-color-alpha-orange-700": "#A54300AB",
    "--cpd-color-alpha-orange-800": "#A54300D4",
    "--cpd-color-alpha-orange-900": "#A54300FF",
    "--cpd-color-alpha-orange-1000": "#903E06FF",
    "--cpd-color-alpha-orange-1100": "#7C380DFF",
    "--cpd-color-alpha-orange-1200": "#603216FF",
    "--cpd-color-alpha-orange-1300": "#442A1EFF",
    "--cpd-color-alpha-orange-1400": "#302525FF",
    "--cpd-color-yellow-100": "#DFE3E6",
    "--cpd-color-yellow-200": "#DADCDA",
    "--cpd-color-yellow-300": "#D4D3C9",
    "--cpd-color-yellow-400": "#CBC6B0",
    "--cpd-color-yellow-500": "#C0B692",
    "--cpd-color-yellow-600": "#B7A97A",
    "--cpd-color-yellow-700": "#AB985A",
    "--cpd-color-yellow-800": "#9C8232",
    "--cpd-color-yellow-900": "#8D6C08",
    "--cpd-color-yellow-1000": "#7C610D",
    "--cpd-color-yellow-1100": "#6B5512",
    "--cpd-color-yellow-1200": "#54461A",
    "--cpd-color-yellow-1300": "#3D3720",
    "--cpd-color-yellow-1400": "#2C2B26",
    "--cpd-color-alpha-yellow-100": "#8D6C081A",

Showing 150 of 380 lines.

paris-guimard.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/paris-guimard.json

{
  "name": "Paris Guimard",
  "is_dark": true,
  "colors": {
    "accent-color": "#CA9245",
    "primary-color": "#CA9245",
    "warning-color": "#C7665B",
    "alert": "#E7877B",
    "links": "#709BC8",
    "primary-content": "#D9E1DB",
    "secondary-content": "#A9B5AE",
    "tertiary-content": "#909E96",
    "quaternary-content": "#74857C",
    "quinary-content": "#586B61",
    "system": "#263930",
    "system-transparent": "#26393000",
    "background": "#1E2E26",
    "sidebar-color": "#131A17",
    "roomlist-background-color": "#18241D",
    "roomlist-highlights-color": "#263930",
    "roomlist-separator-color": "#30463B",
    "secondary-hairline-color": "#263930",
    "timeline-background-color": "#1E2E26",
    "timeline-text-color": "#D9E1DB",
    "timeline-text-secondary-color": "#A9B5AE",
    "timeline-highlights-color": "#3C422B",
    "focus-bg-color": "#3E554A",
    "room-highlight-color": "#30463B",
    "menu-selected-color": "#263930",
    "togglesw-off-color": "#586B61",
    "reaction-row-button-selected-bg-color": "#44442D",
    "eventbubble-self-bg": "#363C2A",
    "eventbubble-others-bg": "#263930",
    "eventbubble-bg-hover": "#23352D",
    "accent-color-100": "#2F3829",
    "accent-color-200": "#383D2B",
    "accent-color-300": "#44442D",
    "accent-color-400": "#554E30",
    "accent-color-500": "#6A5A34",
    "accent-color-600": "#7B6437",
    "accent-color-700": "#91713B",
    "accent-color-800": "#AD8140",
    "accent-color-900": "#CA9245",
    "accent-color-1000": "#CFA05E",
    "accent-color-1100": "#D3AE77",
    "accent-color-1200": "#DAC098",
    "accent-color-1300": "#E0D2BA",
    "accent-color-1400": "#E4E0D3"
  },
  "compound": {
    "--cpd-color-theme-bg": "#1E2E26",
    "--cpd-color-gray-100": "#213229",
    "--cpd-color-gray-200": "#23352D",
    "--cpd-color-gray-300": "#263930",
    "--cpd-color-gray-400": "#30463B",
    "--cpd-color-gray-500": "#3E554A",
    "--cpd-color-gray-600": "#586B61",
    "--cpd-color-gray-700": "#66786E",
    "--cpd-color-gray-800": "#74857C",
    "--cpd-color-gray-900": "#909E96",
    "--cpd-color-gray-1000": "#A9B5AE",
    "--cpd-color-gray-1100": "#C2CBC5",
    "--cpd-color-gray-1200": "#CED6D0",
    "--cpd-color-gray-1300": "#D9E1DB",
    "--cpd-color-gray-1400": "#E9EEEC",
    "--cpd-color-alpha-gray-100": "#E9EEEC04",
    "--cpd-color-alpha-gray-200": "#E9EEEC08",
    "--cpd-color-alpha-gray-300": "#E9EEEC0C",
    "--cpd-color-alpha-gray-400": "#E9EEEC1B",
    "--cpd-color-alpha-gray-500": "#E9EEEC2E",
    "--cpd-color-alpha-gray-600": "#E9EEEC4C",
    "--cpd-color-alpha-gray-700": "#E9EEEC5E",
    "--cpd-color-alpha-gray-800": "#E9EEEC6F",
    "--cpd-color-alpha-gray-900": "#E9EEEC91",
    "--cpd-color-alpha-gray-1000": "#E9EEECB0",
    "--cpd-color-alpha-gray-1100": "#E9EEECCE",
    "--cpd-color-alpha-gray-1200": "#E9EEECDD",
    "--cpd-color-alpha-gray-1300": "#E9EEECEB",
    "--cpd-color-alpha-gray-1400": "#E9EEECFF",
    "--cpd-color-red-100": "#2F342B",
    "--cpd-color-red-200": "#37362E",
    "--cpd-color-red-300": "#433A32",
    "--cpd-color-red-400": "#544037",
    "--cpd-color-red-500": "#68473D",
    "--cpd-color-red-600": "#794C43",
    "--cpd-color-red-700": "#8F544A",
    "--cpd-color-red-800": "#AA5C52",
    "--cpd-color-red-900": "#C7665B",
    "--cpd-color-red-1000": "#CC7A71",
    "--cpd-color-red-1100": "#D18F86",
    "--cpd-color-red-1200": "#D8AAA4",
    "--cpd-color-red-1300": "#DFC5C0",
    "--cpd-color-red-1400": "#E4DAD6",
    "--cpd-color-alpha-red-100": "#C7665B1A",
    "--cpd-color-alpha-red-200": "#C7665B26",
    "--cpd-color-alpha-red-300": "#C7665B38",
    "--cpd-color-alpha-red-400": "#C7665B52",
    "--cpd-color-alpha-red-500": "#C7665B70",
    "--cpd-color-alpha-red-600": "#C7665B8A",
    "--cpd-color-alpha-red-700": "#C7665BAB",
    "--cpd-color-alpha-red-800": "#C7665BD4",
    "--cpd-color-alpha-red-900": "#C7665BFF",
    "--cpd-color-alpha-red-1000": "#CC7A71FF",
    "--cpd-color-alpha-red-1100": "#D18F86FF",
    "--cpd-color-alpha-red-1200": "#D8AAA4FF",
    "--cpd-color-alpha-red-1300": "#DFC5C0FF",
    "--cpd-color-alpha-red-1400": "#E4DAD6FF",
    "--cpd-color-orange-100": "#2F3829",
    "--cpd-color-orange-200": "#383D2B",
    "--cpd-color-orange-300": "#44442D",
    "--cpd-color-orange-400": "#554E30",
    "--cpd-color-orange-500": "#6A5A34",
    "--cpd-color-orange-600": "#7B6437",
    "--cpd-color-orange-700": "#91713B",
    "--cpd-color-orange-800": "#AD8140",
    "--cpd-color-orange-900": "#CA9245",
    "--cpd-color-orange-1000": "#CFA05E",
    "--cpd-color-orange-1100": "#D3AE77",
    "--cpd-color-orange-1200": "#DAC098",
    "--cpd-color-orange-1300": "#E0D2BA",
    "--cpd-color-orange-1400": "#E4E0D3",
    "--cpd-color-alpha-orange-100": "#CA92451A",
    "--cpd-color-alpha-orange-200": "#CA924526",
    "--cpd-color-alpha-orange-300": "#CA924538",
    "--cpd-color-alpha-orange-400": "#CA924552",
    "--cpd-color-alpha-orange-500": "#CA924570",
    "--cpd-color-alpha-orange-600": "#CA92458A",
    "--cpd-color-alpha-orange-700": "#CA9245AB",
    "--cpd-color-alpha-orange-800": "#CA9245D4",
    "--cpd-color-alpha-orange-900": "#CA9245FF",
    "--cpd-color-alpha-orange-1000": "#CFA05EFF",
    "--cpd-color-alpha-orange-1100": "#D3AE77FF",
    "--cpd-color-alpha-orange-1200": "#DAC098FF",
    "--cpd-color-alpha-orange-1300": "#E0D2BAFF",
    "--cpd-color-alpha-orange-1400": "#E4E0D3FF",
    "--cpd-color-yellow-100": "#333C2A",
    "--cpd-color-yellow-200": "#3E442C",
    "--cpd-color-yellow-300": "#4C4E2E",
    "--cpd-color-yellow-400": "#625C32",
    "--cpd-color-yellow-500": "#7B6E36",
    "--cpd-color-yellow-600": "#907C3A",
    "--cpd-color-yellow-700": "#AB8F3F",
    "--cpd-color-yellow-800": "#CDA645",
    "--cpd-color-yellow-900": "#F1BF4B",
    "--cpd-color-yellow-1000": "#F0C663",
    "--cpd-color-yellow-1100": "#EFCD7B",
    "--cpd-color-yellow-1200": "#EDD69C",
    "--cpd-color-yellow-1300": "#EBE0BC",
    "--cpd-color-yellow-1400": "#EAE7D4",
    "--cpd-color-alpha-yellow-100": "#F1BF4B1A",

Showing 150 of 380 lines.

paris-catacombes.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/paris-catacombes.json

{
  "name": "Paris Catacombes",
  "is_dark": true,
  "colors": {
    "accent-color": "#CA9245",
    "primary-color": "#CA9245",
    "warning-color": "#C7665B",
    "alert": "#E7877B",
    "links": "#709BC8",
    "primary-content": "#D4DDD7",
    "secondary-content": "#A5B1AA",
    "tertiary-content": "#8C9A92",
    "quaternary-content": "#708178",
    "quinary-content": "#54655C",
    "system": "#1A2921",
    "system-transparent": "#1A292100",
    "background": "#121E19",
    "sidebar-color": "#0A100D",
    "roomlist-background-color": "#0D1711",
    "roomlist-highlights-color": "#1A2921",
    "roomlist-separator-color": "#24342C",
    "secondary-hairline-color": "#1A2921",
    "timeline-background-color": "#121E19",
    "timeline-text-color": "#D4DDD7",
    "timeline-text-secondary-color": "#A5B1AA",
    "timeline-highlights-color": "#313520",
    "focus-bg-color": "#31433A",
    "room-highlight-color": "#24342C",
    "menu-selected-color": "#1A2921",
    "togglesw-off-color": "#54655C",
    "reaction-row-button-selected-bg-color": "#3A3823",
    "eventbubble-self-bg": "#2C2E1F",
    "eventbubble-others-bg": "#1A2921",
    "eventbubble-bg-hover": "#17251E",
    "accent-color-100": "#242A1D",
    "accent-color-200": "#2E2F20",
    "accent-color-300": "#3A3823",
    "accent-color-400": "#4D4327",
    "accent-color-500": "#63512C",
    "accent-color-600": "#755D31",
    "accent-color-700": "#8D6C36",
    "accent-color-800": "#AB7E3E",
    "accent-color-900": "#CA9245",
    "accent-color-1000": "#CEA05E",
    "accent-color-1100": "#D3AD77",
    "accent-color-1200": "#D8BF98",
    "accent-color-1300": "#DED1B8",
    "accent-color-1400": "#E3DED1"
  },
  "compound": {
    "--cpd-color-theme-bg": "#121E19",
    "--cpd-color-gray-100": "#15221C",
    "--cpd-color-gray-200": "#17251E",
    "--cpd-color-gray-300": "#1A2921",
    "--cpd-color-gray-400": "#24342C",
    "--cpd-color-gray-500": "#31433A",
    "--cpd-color-gray-600": "#54655C",
    "--cpd-color-gray-700": "#62736A",
    "--cpd-color-gray-800": "#708178",
    "--cpd-color-gray-900": "#8C9A92",
    "--cpd-color-gray-1000": "#A5B1AA",
    "--cpd-color-gray-1100": "#BFC8C2",
    "--cpd-color-gray-1200": "#CAD2CC",
    "--cpd-color-gray-1300": "#D4DDD7",
    "--cpd-color-gray-1400": "#E7ECEA",
    "--cpd-color-alpha-gray-100": "#E7ECEA04",
    "--cpd-color-alpha-gray-200": "#E7ECEA07",
    "--cpd-color-alpha-gray-300": "#E7ECEA0B",
    "--cpd-color-alpha-gray-400": "#E7ECEA18",
    "--cpd-color-alpha-gray-500": "#E7ECEA29",
    "--cpd-color-alpha-gray-600": "#E7ECEA53",
    "--cpd-color-alpha-gray-700": "#E7ECEA64",
    "--cpd-color-alpha-gray-800": "#E7ECEA75",
    "--cpd-color-alpha-gray-900": "#E7ECEA95",
    "--cpd-color-alpha-gray-1000": "#E7ECEAB2",
    "--cpd-color-alpha-gray-1100": "#E7ECEAD0",
    "--cpd-color-alpha-gray-1200": "#E7ECEADC",
    "--cpd-color-alpha-gray-1300": "#E7ECEAE9",
    "--cpd-color-alpha-gray-1400": "#E7ECEAFF",
    "--cpd-color-red-100": "#242520",
    "--cpd-color-red-200": "#2D2923",
    "--cpd-color-red-300": "#3A2E28",
    "--cpd-color-red-400": "#4C352E",
    "--cpd-color-red-500": "#623E36",
    "--cpd-color-red-600": "#74453D",
    "--cpd-color-red-700": "#8B4E45",
    "--cpd-color-red-800": "#A85A50",
    "--cpd-color-red-900": "#C7665B",
    "--cpd-color-red-1000": "#CC7A70",
    "--cpd-color-red-1100": "#D18E86",
    "--cpd-color-red-1200": "#D7A9A2",
    "--cpd-color-red-1300": "#DDC4BF",
    "--cpd-color-red-1400": "#E2D8D5",
    "--cpd-color-alpha-red-100": "#C7665B1A",
    "--cpd-color-alpha-red-200": "#C7665B26",
    "--cpd-color-alpha-red-300": "#C7665B38",
    "--cpd-color-alpha-red-400": "#C7665B52",
    "--cpd-color-alpha-red-500": "#C7665B70",
    "--cpd-color-alpha-red-600": "#C7665B8A",
    "--cpd-color-alpha-red-700": "#C7665BAB",
    "--cpd-color-alpha-red-800": "#C7665BD4",
    "--cpd-color-alpha-red-900": "#C7665BFF",
    "--cpd-color-alpha-red-1000": "#CC7A70FF",
    "--cpd-color-alpha-red-1100": "#D18E86FF",
    "--cpd-color-alpha-red-1200": "#D7A9A2FF",
    "--cpd-color-alpha-red-1300": "#DDC4BFFF",
    "--cpd-color-alpha-red-1400": "#E2D8D5FF",
    "--cpd-color-orange-100": "#242A1D",
    "--cpd-color-orange-200": "#2E2F20",
    "--cpd-color-orange-300": "#3A3823",
    "--cpd-color-orange-400": "#4D4327",
    "--cpd-color-orange-500": "#63512C",
    "--cpd-color-orange-600": "#755D31",
    "--cpd-color-orange-700": "#8D6C36",
    "--cpd-color-orange-800": "#AB7E3E",
    "--cpd-color-orange-900": "#CA9245",
    "--cpd-color-orange-1000": "#CEA05E",
    "--cpd-color-orange-1100": "#D3AD77",
    "--cpd-color-orange-1200": "#D8BF98",
    "--cpd-color-orange-1300": "#DED1B8",
    "--cpd-color-orange-1400": "#E3DED1",
    "--cpd-color-alpha-orange-100": "#CA92451A",
    "--cpd-color-alpha-orange-200": "#CA924526",
    "--cpd-color-alpha-orange-300": "#CA924538",
    "--cpd-color-alpha-orange-400": "#CA924552",
    "--cpd-color-alpha-orange-500": "#CA924570",
    "--cpd-color-alpha-orange-600": "#CA92458A",
    "--cpd-color-alpha-orange-700": "#CA9245AB",
    "--cpd-color-alpha-orange-800": "#CA9245D4",
    "--cpd-color-alpha-orange-900": "#CA9245FF",
    "--cpd-color-alpha-orange-1000": "#CEA05EFF",
    "--cpd-color-alpha-orange-1100": "#D3AD77FF",
    "--cpd-color-alpha-orange-1200": "#D8BF98FF",
    "--cpd-color-alpha-orange-1300": "#DED1B8FF",
    "--cpd-color-alpha-orange-1400": "#E3DED1FF",
    "--cpd-color-yellow-100": "#282E1E",
    "--cpd-color-yellow-200": "#333620",
    "--cpd-color-yellow-300": "#434124",
    "--cpd-color-yellow-400": "#595229",
    "--cpd-color-yellow-500": "#74652F",
    "--cpd-color-yellow-600": "#8A7534",
    "--cpd-color-yellow-700": "#A78A3A",
    "--cpd-color-yellow-800": "#CBA442",
    "--cpd-color-yellow-900": "#F1BF4B",
    "--cpd-color-yellow-1000": "#F0C663",
    "--cpd-color-yellow-1100": "#EECC7B",
    "--cpd-color-yellow-1200": "#ECD69A",
    "--cpd-color-yellow-1300": "#EADEBA",
    "--cpd-color-yellow-1400": "#E8E5D2",
    "--cpd-color-alpha-yellow-100": "#F1BF4B1A",

Showing 150 of 380 lines.

paris-carrelage.jsonapp.element.io: type /devtools in any room › Custom themes, and add https://raw.githubusercontent.com/oddurs/subway-seat/main/dist/element/paris-carrelage.json

{
  "name": "Paris Carrelage",
  "is_dark": false,
  "colors": {
    "accent-color": "#764C00",
    "primary-color": "#764C00",
    "warning-color": "#88251E",
    "alert": "#AC3B32",
    "links": "#25629B",
    "primary-content": "#27342F",
    "secondary-content": "#4A5752",
    "tertiary-content": "#56645F",
    "quaternary-content": "#6C7C76",
    "quinary-content": "#859792",
    "system": "#D5DBDA",
    "system-transparent": "#D5DBDA00",
    "background": "#EEF2F1",
    "sidebar-color": "#D5DBDA",
    "roomlist-background-color": "#E1E6E5",
    "roomlist-highlights-color": "#D5DBDA",
    "roomlist-separator-color": "#C6D2CF",
    "secondary-hairline-color": "#D5DBDA",
    "timeline-background-color": "#EEF2F1",
    "timeline-text-color": "#27342F",
    "timeline-text-secondary-color": "#4A5752",
    "timeline-highlights-color": "#E1DFD0",
    "focus-bg-color": "#B0BFBB",
    "room-highlight-color": "#C6D2CF",
    "menu-selected-color": "#D5DBDA",
    "togglesw-off-color": "#859792",
    "reaction-row-button-selected-bg-color": "#D4CDBC",
    "eventbubble-self-bg": "#DDDBCF",
    "eventbubble-others-bg": "#D5DBDA",
    "eventbubble-bg-hover": "#E1E6E5",
    "accent-color-100": "#E2E1D9",
    "accent-color-200": "#DCD9CD",
    "accent-color-300": "#D4CDBC",
    "accent-color-400": "#C8BDA4",
    "accent-color-500": "#B9A987",
    "accent-color-600": "#AD986F",
    "accent-color-700": "#9E8350",
    "accent-color-800": "#8A6829",
    "accent-color-900": "#764C00",
    "accent-color-1000": "#684605",
    "accent-color-1100": "#5A3F09",
    "accent-color-1200": "#48370F",
    "accent-color-1300": "#352F15",
    "accent-color-1400": "#27281A"
  },
  "compound": {
    "--cpd-color-theme-bg": "#EEF2F1",
    "--cpd-color-gray-100": "#E8ECEB",
    "--cpd-color-gray-200": "#E1E6E5",
    "--cpd-color-gray-300": "#D5DBDA",
    "--cpd-color-gray-400": "#C6D2CF",
    "--cpd-color-gray-500": "#B0BFBB",
    "--cpd-color-gray-600": "#99ABA6",
    "--cpd-color-gray-700": "#859792",
    "--cpd-color-gray-800": "#6C7C76",
    "--cpd-color-gray-900": "#56645F",
    "--cpd-color-gray-1000": "#4A5752",
    "--cpd-color-gray-1100": "#3B4742",
    "--cpd-color-gray-1200": "#313E38",
    "--cpd-color-gray-1300": "#27342F",
    "--cpd-color-gray-1400": "#19221E",
    "--cpd-color-alpha-gray-100": "#19221E07",
    "--cpd-color-alpha-gray-200": "#19221E0F",
    "--cpd-color-alpha-gray-300": "#19221E1D",
    "--cpd-color-alpha-gray-400": "#19221E2B",
    "--cpd-color-alpha-gray-500": "#19221E43",
    "--cpd-color-alpha-gray-600": "#19221E5D",
    "--cpd-color-alpha-gray-700": "#19221E75",
    "--cpd-color-alpha-gray-800": "#19221E96",
    "--cpd-color-alpha-gray-900": "#19221EB2",
    "--cpd-color-alpha-gray-1000": "#19221EC1",
    "--cpd-color-alpha-gray-1100": "#19221ED4",
    "--cpd-color-alpha-gray-1200": "#19221EE0",
    "--cpd-color-alpha-gray-1300": "#19221EEB",
    "--cpd-color-alpha-gray-1400": "#19221EFF",
    "--cpd-color-red-100": "#E4DEDC",
    "--cpd-color-red-200": "#DFD3D1",
    "--cpd-color-red-300": "#D8C5C3",
    "--cpd-color-red-400": "#CDB0AD",
    "--cpd-color-red-500": "#C19894",
    "--cpd-color-red-600": "#B7837F",
    "--cpd-color-red-700": "#AA6964",
    "--cpd-color-red-800": "#994842",
    "--cpd-color-red-900": "#88251E",
    "--cpd-color-red-1000": "#77251E",
    "--cpd-color-red-1100": "#67241E",
    "--cpd-color-red-1200": "#50241E",
    "--cpd-color-red-1300": "#3A231E",
    "--cpd-color-red-1400": "#2A221E",
    "--cpd-color-alpha-red-100": "#88251E1A",
    "--cpd-color-alpha-red-200": "#88251E26",
    "--cpd-color-alpha-red-300": "#88251E38",
    "--cpd-color-alpha-red-400": "#88251E52",
    "--cpd-color-alpha-red-500": "#88251E70",
    "--cpd-color-alpha-red-600": "#88251E8A",
    "--cpd-color-alpha-red-700": "#88251EAB",
    "--cpd-color-alpha-red-800": "#88251ED4",
    "--cpd-color-alpha-red-900": "#88251EFF",
    "--cpd-color-alpha-red-1000": "#77251EFF",
    "--cpd-color-alpha-red-1100": "#67241EFF",
    "--cpd-color-alpha-red-1200": "#50241EFF",
    "--cpd-color-alpha-red-1300": "#3A231EFF",
    "--cpd-color-alpha-red-1400": "#2A221EFF",
    "--cpd-color-orange-100": "#E2E1D9",
    "--cpd-color-orange-200": "#DCD9CD",
    "--cpd-color-orange-300": "#D4CDBC",
    "--cpd-color-orange-400": "#C8BDA4",
    "--cpd-color-orange-500": "#B9A987",
    "--cpd-color-orange-600": "#AD986F",
    "--cpd-color-orange-700": "#9E8350",
    "--cpd-color-orange-800": "#8A6829",
    "--cpd-color-orange-900": "#764C00",
    "--cpd-color-orange-1000": "#684605",
    "--cpd-color-orange-1100": "#5A3F09",
    "--cpd-color-orange-1200": "#48370F",
    "--cpd-color-orange-1300": "#352F15",
    "--cpd-color-orange-1400": "#27281A",
    "--cpd-color-alpha-orange-100": "#764C001A",
    "--cpd-color-alpha-orange-200": "#764C0026",
    "--cpd-color-alpha-orange-300": "#764C0038",
    "--cpd-color-alpha-orange-400": "#764C0052",
    "--cpd-color-alpha-orange-500": "#764C0070",
    "--cpd-color-alpha-orange-600": "#764C008A",
    "--cpd-color-alpha-orange-700": "#764C00AB",
    "--cpd-color-alpha-orange-800": "#764C00D4",
    "--cpd-color-alpha-orange-900": "#764C00FF",
    "--cpd-color-alpha-orange-1000": "#684605FF",
    "--cpd-color-alpha-orange-1100": "#5A3F09FF",
    "--cpd-color-alpha-orange-1200": "#48370FFF",
    "--cpd-color-alpha-orange-1300": "#352F15FF",
    "--cpd-color-alpha-orange-1400": "#27281AFF",
    "--cpd-color-yellow-100": "#E5E5DA",
    "--cpd-color-yellow-200": "#E0DECE",
    "--cpd-color-yellow-300": "#DAD5BE",
    "--cpd-color-yellow-400": "#D0C7A6",
    "--cpd-color-yellow-500": "#C5B78A",
    "--cpd-color-yellow-600": "#BCAA73",
    "--cpd-color-yellow-700": "#B09954",
    "--cpd-color-yellow-800": "#A1842F",
    "--cpd-color-yellow-900": "#916D07",
    "--cpd-color-yellow-1000": "#7F620A",
    "--cpd-color-yellow-1100": "#6D560E",
    "--cpd-color-yellow-1200": "#554812",
    "--cpd-color-yellow-1300": "#3D3817",
    "--cpd-color-yellow-1400": "#2B2D1B",
    "--cpd-color-alpha-yellow-100": "#916D071A",

Showing 150 of 380 lines.

This one is shared by all three flavors.

config.jsonElement Desktop or self-hosted Element: merge setting_defaults into Element's config.json (macOS ~/Library/Application Support/Element/config.json, Linux ~/.config/Element/config.json, Windows %APPDATA%\Element\config.json; create it if it's missing), then restart Element

{
  "setting_defaults": {
    "custom_themes": [
      {
        "name": "Subway Seat",
        "is_dark": true,
        "colors": {
          "accent-color": "#EC7F31",
          "primary-color": "#EC7F31",
          "warning-color": "#E05C45",
          "alert": "#FF8373",
          "links": "#7F9BAE",
          "primary-content": "#EDDCBC",
          "secondary-content": "#C4AE8C",
          "tertiary-content": "#AE9575",
          "quaternary-content": "#967B5C",
          "quinary-content": "#7B6047",
          "system": "#43301F",
          "system-transparent": "#43301F00",
          "background": "#362619",
          "sidebar-color": "#20160E",
          "roomlist-background-color": "#2A1D13",
          "roomlist-highlights-color": "#43301F",
          "roomlist-separator-color": "#513B27",
          "secondary-hairline-color": "#43301F",
          "timeline-background-color": "#362619",
          "timeline-text-color": "#EDDCBC",
          "timeline-text-secondary-color": "#C4AE8C",
          "timeline-highlights-color": "#503B1F",
          "focus-bg-color": "#634932",
          "room-highlight-color": "#513B27",
          "menu-selected-color": "#43301F",
          "togglesw-off-color": "#7B6047",
          "reaction-row-button-selected-bg-color": "#5E3A1E",
          "eventbubble-self-bg": "#4F321C",
          "eventbubble-others-bg": "#43301F",
          "eventbubble-bg-hover": "#3F2D1D",
          "accent-color-100": "#482F1B",
          "accent-color-200": "#51331D",
          "accent-color-300": "#5E3A1E",
          "accent-color-400": "#704221",
          "accent-color-500": "#864D24",
          "accent-color-600": "#985626",
          "accent-color-700": "#B06229",
          "accent-color-800": "#CD702D",
          "accent-color-900": "#EC7F31",
          "accent-color-1000": "#EE8F49",
          "accent-color-1100": "#F0A062",
          "accent-color-1200": "#F2B682",
          "accent-color-1300": "#F4CBA3",
          "accent-color-1400": "#F6DCBC"
        },
        "compound": {
          "--cpd-color-theme-bg": "#362619",
          "--cpd-color-gray-100": "#3A291B",
          "--cpd-color-gray-200": "#3F2D1D",
          "--cpd-color-gray-300": "#43301F",
          "--cpd-color-gray-400": "#513B27",
          "--cpd-color-gray-500": "#634932",
          "--cpd-color-gray-600": "#7B6047",
          "--cpd-color-gray-700": "#886E52",
          "--cpd-color-gray-800": "#967B5C",
          "--cpd-color-gray-900": "#AE9575",
          "--cpd-color-gray-1000": "#C4AE8C",
          "--cpd-color-gray-1100": "#D9C6A3",
          "--cpd-color-gray-1200": "#E3D1B0",
          "--cpd-color-gray-1300": "#EDDCBC",
          "--cpd-color-gray-1400": "#F8ECD4",
          "--cpd-color-alpha-gray-100": "#F8ECD404",
          "--cpd-color-alpha-gray-200": "#F8ECD409",
          "--cpd-color-alpha-gray-300": "#F8ECD40D",
          "--cpd-color-alpha-gray-400": "#F8ECD41B",
          "--cpd-color-alpha-gray-500": "#F8ECD42E",
          "--cpd-color-alpha-gray-600": "#F8ECD44C",
          "--cpd-color-alpha-gray-700": "#F8ECD45D",
          "--cpd-color-alpha-gray-800": "#F8ECD46D",
          "--cpd-color-alpha-gray-900": "#F8ECD48E",
          "--cpd-color-alpha-gray-1000": "#F8ECD4AD",
          "--cpd-color-alpha-gray-1100": "#F8ECD4CB",
          "--cpd-color-alpha-gray-1200": "#F8ECD4DA",
          "--cpd-color-alpha-gray-1300": "#F8ECD4E9",
          "--cpd-color-alpha-gray-1400": "#F8ECD4FF",
          "--cpd-color-red-100": "#472B1D",
          "--cpd-color-red-200": "#502E20",
          "--cpd-color-red-300": "#5B3223",
          "--cpd-color-red-400": "#6C3727",
          "--cpd-color-red-500": "#813E2C",
          "--cpd-color-red-600": "#924331",
          "--cpd-color-red-700": "#A84A36",
          "--cpd-color-red-800": "#C3533E",
          "--cpd-color-red-900": "#E05C45",
          "--cpd-color-red-1000": "#E4725A",
          "--cpd-color-red-1100": "#E78770",
          "--cpd-color-red-1200": "#ECA48C",
          "--cpd-color-red-1300": "#F1C1A9",
          "--cpd-color-red-1400": "#F4D6BF",
          "--cpd-color-alpha-red-100": "#E05C451A",
          "--cpd-color-alpha-red-200": "#E05C4526",
          "--cpd-color-alpha-red-300": "#E05C4538",
          "--cpd-color-alpha-red-400": "#E05C4552",
          "--cpd-color-alpha-red-500": "#E05C4570",
          "--cpd-color-alpha-red-600": "#E05C458A",
          "--cpd-color-alpha-red-700": "#E05C45AB",
          "--cpd-color-alpha-red-800": "#E05C45D4",
          "--cpd-color-alpha-red-900": "#E05C45FF",
          "--cpd-color-alpha-red-1000": "#E4725AFF",
          "--cpd-color-alpha-red-1100": "#E78770FF",
          "--cpd-color-alpha-red-1200": "#ECA48CFF",
          "--cpd-color-alpha-red-1300": "#F1C1A9FF",
          "--cpd-color-alpha-red-1400": "#F4D6BFFF",
          "--cpd-color-orange-100": "#482F1B",
          "--cpd-color-orange-200": "#51331D",
          "--cpd-color-orange-300": "#5E3A1E",
          "--cpd-color-orange-400": "#704221",
          "--cpd-color-orange-500": "#864D24",
          "--cpd-color-orange-600": "#985626",
          "--cpd-color-orange-700": "#B06229",
          "--cpd-color-orange-800": "#CD702D",
          "--cpd-color-orange-900": "#EC7F31",
          "--cpd-color-orange-1000": "#EE8F49",
          "--cpd-color-orange-1100": "#F0A062",
          "--cpd-color-orange-1200": "#F2B682",
          "--cpd-color-orange-1300": "#F4CBA3",
          "--cpd-color-orange-1400": "#F6DCBC",
          "--cpd-color-alpha-orange-100": "#EC7F311A",
          "--cpd-color-alpha-orange-200": "#EC7F3126",
          "--cpd-color-alpha-orange-300": "#EC7F3138",
          "--cpd-color-alpha-orange-400": "#EC7F3152",
          "--cpd-color-alpha-orange-500": "#EC7F3170",
          "--cpd-color-alpha-orange-600": "#EC7F318A",
          "--cpd-color-alpha-orange-700": "#EC7F31AB",
          "--cpd-color-alpha-orange-800": "#EC7F31D4",
          "--cpd-color-alpha-orange-900": "#EC7F31FF",
          "--cpd-color-alpha-orange-1000": "#EE8F49FF",
          "--cpd-color-alpha-orange-1100": "#F0A062FF",
          "--cpd-color-alpha-orange-1200": "#F2B682FF",
          "--cpd-color-alpha-orange-1300": "#F4CBA3FF",
          "--cpd-color-alpha-orange-1400": "#F6DCBCFF",
          "--cpd-color-yellow-100": "#49351D",
          "--cpd-color-yellow-200": "#523D20",
          "--cpd-color-yellow-300": "#604823",
          "--cpd-color-yellow-400": "#725727",
          "--cpd-color-yellow-500": "#89692C",
          "--cpd-color-yellow-600": "#9C7931",
          "--cpd-color-yellow-700": "#B58D36",
          "--cpd-color-yellow-800": "#D3A53E",
          "--cpd-color-yellow-900": "#F3BF45",
          "--cpd-color-yellow-1000": "#F4C65A",
          "--cpd-color-yellow-1100": "#F4CC70",
          "--cpd-color-yellow-1200": "#F6D68C",

Showing 150 of 3,426 lines.