Skip to content
Subway SeatSubway SeatSubway Seat
← All ports

Apps

Mattermost

An espresso sidebar with a blackout team bar, orange buttons, mention badges and active-channel marks, denim links and a harvest-gold wash on messages that mention you. Code blocks use Mattermost's Monokai (Walnut, Tunnel) or Solarized Light (Enamel), the closest of its four code themes. Mattermost has no light/dark pairing for custom themes.

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

Mattermost Report a problem with this portReport a problem with this portReport a problem with this portReport a problem with this portReport a problem with this portReport a problem with this portReport a problem with this portReport a problem with this portReport a problem with this port

Turn it on

In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of subway-seat.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of subway-seat-tunnel.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of subway-seat-enamel.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of london-moquette.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of london-deep-level.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of london-portland.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of paris-guimard.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of paris-catacombes.json into “Copy and paste to share theme colors”.
In Mattermost › Settings › Display › Theme › Edit › Custom Theme
Paste the contents of paris-carrelage.json into “Copy and paste to share theme colors”.

The files

subway-seat.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#2A1D13",
  "sidebarText": "#F8ECD4",
  "sidebarUnreadText": "#F8ECD4",
  "sidebarTextHoverBg": "#392C20",
  "sidebarTextActiveBorder": "#EC7F31",
  "sidebarTextActiveColor": "#20160E",
  "sidebarHeaderBg": "#20160E",
  "sidebarHeaderTextColor": "#EDDCBC",
  "sidebarTeamBarBg": "#20160E",
  "onlineIndicator": "#ADB956",
  "awayIndicator": "#F3BF45",
  "dndIndicator": "#FF8373",
  "mentionBg": "#EC7F31",
  "mentionBj": "#EC7F31",
  "mentionColor": "#20160E",
  "centerChannelBg": "#362619",
  "centerChannelColor": "#EDDCBC",
  "newMessageSeparator": "#FF8373",
  "linkColor": "#7F9BAE",
  "buttonBg": "#EC7F31",
  "buttonColor": "#20160E",
  "errorTextColor": "#FF8373",
  "mentionHighlightBg": "#8B6B2D",
  "mentionHighlightLink": "#F8ECD4",
  "codeTheme": "monokai"
}
subway-seat-tunnel.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#1B120A",
  "sidebarText": "#F6EAD1",
  "sidebarUnreadText": "#F6EAD1",
  "sidebarTextHoverBg": "#2B2217",
  "sidebarTextActiveBorder": "#EC7F31",
  "sidebarTextActiveColor": "#140D07",
  "sidebarHeaderBg": "#140D07",
  "sidebarHeaderTextColor": "#E9D8B6",
  "sidebarTeamBarBg": "#140D07",
  "onlineIndicator": "#ADB956",
  "awayIndicator": "#F3BF45",
  "dndIndicator": "#FF8373",
  "mentionBg": "#EC7F31",
  "mentionBj": "#EC7F31",
  "mentionColor": "#140D07",
  "centerChannelBg": "#24180E",
  "centerChannelColor": "#E9D8B6",
  "newMessageSeparator": "#FF8373",
  "linkColor": "#7F9BAE",
  "buttonBg": "#EC7F31",
  "buttonColor": "#140D07",
  "errorTextColor": "#FF8373",
  "mentionHighlightBg": "#816327",
  "mentionHighlightLink": "#F6EAD1",
  "codeTheme": "monokai"
}
subway-seat-enamel.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#EEE4D0",
  "sidebarText": "#2A1D13",
  "sidebarUnreadText": "#2A1D13",
  "sidebarTextHoverBg": "#E2D7C3",
  "sidebarTextActiveBorder": "#A04800",
  "sidebarTextActiveColor": "#F8EFDF",
  "sidebarHeaderBg": "#E4D8C0",
  "sidebarHeaderTextColor": "#3E2C1E",
  "sidebarTeamBarBg": "#E4D8C0",
  "onlineIndicator": "#66740F",
  "awayIndicator": "#976608",
  "dndIndicator": "#BF4233",
  "mentionBg": "#A04800",
  "mentionBj": "#A04800",
  "mentionColor": "#F8EFDF",
  "centerChannelBg": "#F8EFDF",
  "centerChannelColor": "#3E2C1E",
  "newMessageSeparator": "#BF4233",
  "linkColor": "#3F6480",
  "buttonBg": "#A04800",
  "buttonColor": "#F8EFDF",
  "errorTextColor": "#BF4233",
  "mentionHighlightBg": "#CCB17E",
  "mentionHighlightLink": "#2A1D13",
  "codeTheme": "solarized-light"
}
london-moquette.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#172032",
  "sidebarText": "#E9EDF5",
  "sidebarUnreadText": "#E9EDF5",
  "sidebarTextHoverBg": "#262F40",
  "sidebarTextActiveBorder": "#DE8946",
  "sidebarTextActiveColor": "#121826",
  "sidebarHeaderBg": "#121826",
  "sidebarHeaderTextColor": "#D8DEEA",
  "sidebarTeamBarBg": "#121826",
  "onlineIndicator": "#77C581",
  "awayIndicator": "#F2C03F",
  "dndIndicator": "#FE8474",
  "mentionBg": "#DE8946",
  "mentionBj": "#DE8946",
  "mentionColor": "#121826",
  "centerChannelBg": "#1E2941",
  "centerChannelColor": "#D8DEEA",
  "newMessageSeparator": "#FE8474",
  "linkColor": "#7595DA",
  "buttonBg": "#DE8946",
  "buttonColor": "#121826",
  "errorTextColor": "#FE8474",
  "mentionHighlightBg": "#7D6D40",
  "mentionHighlightLink": "#E9EDF5",
  "codeTheme": "monokai"
}
london-deep-level.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#0D1421",
  "sidebarText": "#E7EBF3",
  "sidebarUnreadText": "#E7EBF3",
  "sidebarTextHoverBg": "#1D2431",
  "sidebarTextActiveBorder": "#DE8946",
  "sidebarTextActiveColor": "#0A0E18",
  "sidebarHeaderBg": "#0A0E18",
  "sidebarHeaderTextColor": "#D4DAE7",
  "sidebarTeamBarBg": "#0A0E18",
  "onlineIndicator": "#77C581",
  "awayIndicator": "#F2C03F",
  "dndIndicator": "#FE8474",
  "mentionBg": "#DE8946",
  "mentionBj": "#DE8946",
  "mentionColor": "#0A0E18",
  "centerChannelBg": "#121A2D",
  "centerChannelColor": "#D4DAE7",
  "newMessageSeparator": "#FE8474",
  "linkColor": "#7595DA",
  "buttonBg": "#DE8946",
  "buttonColor": "#0A0E18",
  "errorTextColor": "#FE8474",
  "mentionHighlightBg": "#776535",
  "mentionHighlightLink": "#E7EBF3",
  "codeTheme": "monokai"
}
london-portland.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#DCE5F7",
  "sidebarText": "#1B202B",
  "sidebarUnreadText": "#1B202B",
  "sidebarTextHoverBg": "#CFD8EA",
  "sidebarTextActiveBorder": "#A54300",
  "sidebarTextActiveColor": "#E8F0FF",
  "sidebarHeaderBg": "#CCDAF2",
  "sidebarHeaderTextColor": "#293040",
  "sidebarTeamBarBg": "#CCDAF2",
  "onlineIndicator": "#0D8131",
  "awayIndicator": "#8D6C08",
  "dndIndicator": "#CC2E25",
  "mentionBg": "#A54300",
  "mentionBj": "#A54300",
  "mentionColor": "#E8F0FF",
  "centerChannelBg": "#E8F0FF",
  "centerChannelColor": "#293040",
  "newMessageSeparator": "#CC2E25",
  "linkColor": "#0019A8",
  "buttonBg": "#A54300",
  "buttonColor": "#E8F0FF",
  "errorTextColor": "#CC2E25",
  "mentionHighlightBg": "#BFB590",
  "mentionHighlightLink": "#1B202B",
  "codeTheme": "solarized-light"
}
paris-guimard.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#18241D",
  "sidebarText": "#E9EEEC",
  "sidebarUnreadText": "#E9EEEC",
  "sidebarTextHoverBg": "#27332C",
  "sidebarTextActiveBorder": "#CA9245",
  "sidebarTextActiveColor": "#131A17",
  "sidebarHeaderBg": "#131A17",
  "sidebarHeaderTextColor": "#D9E1DB",
  "sidebarTeamBarBg": "#131A17",
  "onlineIndicator": "#70CAA9",
  "awayIndicator": "#F1BF4B",
  "dndIndicator": "#E7877B",
  "mentionBg": "#CA9245",
  "mentionBj": "#CA9245",
  "mentionColor": "#131A17",
  "centerChannelBg": "#1E2E26",
  "centerChannelColor": "#D9E1DB",
  "newMessageSeparator": "#E7877B",
  "linkColor": "#709BC8",
  "buttonBg": "#CA9245",
  "buttonColor": "#131A17",
  "errorTextColor": "#E7877B",
  "mentionHighlightBg": "#7D6F37",
  "mentionHighlightLink": "#E9EEEC",
  "codeTheme": "monokai"
}
paris-catacombes.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#0D1711",
  "sidebarText": "#E7ECEA",
  "sidebarUnreadText": "#E7ECEA",
  "sidebarTextHoverBg": "#1D2721",
  "sidebarTextActiveBorder": "#CA9245",
  "sidebarTextActiveColor": "#0A100D",
  "sidebarHeaderBg": "#0A100D",
  "sidebarHeaderTextColor": "#D4DDD7",
  "sidebarTeamBarBg": "#0A100D",
  "onlineIndicator": "#70CAA9",
  "awayIndicator": "#F1BF4B",
  "dndIndicator": "#E7877B",
  "mentionBg": "#CA9245",
  "mentionBj": "#CA9245",
  "mentionColor": "#0A100D",
  "centerChannelBg": "#121E19",
  "centerChannelColor": "#D4DDD7",
  "newMessageSeparator": "#E7877B",
  "linkColor": "#709BC8",
  "buttonBg": "#CA9245",
  "buttonColor": "#0A100D",
  "errorTextColor": "#E7877B",
  "mentionHighlightBg": "#766630",
  "mentionHighlightLink": "#E7ECEA",
  "codeTheme": "monokai"
}
paris-carrelage.jsonMattermost › Settings › Display › Theme › Edit › Custom Theme: paste into “Copy and paste to share theme colors”
Download
{
  "sidebarBg": "#E1E6E5",
  "sidebarText": "#19221E",
  "sidebarUnreadText": "#19221E",
  "sidebarTextHoverBg": "#D4D9D8",
  "sidebarTextActiveBorder": "#764C00",
  "sidebarTextActiveColor": "#EEF2F1",
  "sidebarHeaderBg": "#D5DBDA",
  "sidebarHeaderTextColor": "#27342F",
  "sidebarTeamBarBg": "#D5DBDA",
  "onlineIndicator": "#218366",
  "awayIndicator": "#916D07",
  "dndIndicator": "#AC3B32",
  "mentionBg": "#764C00",
  "mentionBj": "#764C00",
  "mentionColor": "#EEF2F1",
  "centerChannelBg": "#EEF2F1",
  "centerChannelColor": "#27342F",
  "newMessageSeparator": "#AC3B32",
  "linkColor": "#25629B",
  "buttonBg": "#764C00",
  "buttonColor": "#EEF2F1",
  "errorTextColor": "#AC3B32",
  "mentionHighlightBg": "#C4B688",
  "mentionHighlightLink": "#19221E",
  "codeTheme": "solarized-light"
}