Skip to content
Subway SeatSubway SeatSubway Seat
← All ports

AppsNeeds Vimium 2.0+

Vimium

Harvest-gold link hints, a walnut Vomnibar with denim URLs and orange matches, and the find bar and help dialog to match.

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

Vimium 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 Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of subway-seat.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of subway-seat-tunnel.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of subway-seat-enamel.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of london-moquette.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of london-deep-level.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of london-portland.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of paris-guimard.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of paris-catacombes.css and click Save
In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of paris-carrelage.css and click Save

Follow light and dark

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

In Vimium Options › Show advanced options › CSS for Vimium UI
Paste the contents of subway-seat-auto.css and click Save
# Enamel while the system is light, Subway Seat (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.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #362619;
  --vimium-background-text-color: #EDDCBC;
  --vimium-foreground-color: #2A1D13;
  --vimium-foreground-text-color: #EDDCBC;
  --vimium-link-color: #7F9BAE;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F3BF45;
  border: 1px solid #94732C;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(32, 22, 14, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #20160E;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #8A6A2A;
}

div > .vimiumActiveHintMarker span {
  color: #BA4E3A !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(243, 191, 69, 0.2);
  border: 1px solid #F3BF45;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(236, 127, 49, 0.25);
  border: 1px solid #EC7F31 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #EC7F31;
}

body.vimium-find-mode ::selection {
  background: #EC7F31;
  color: #20160E;
}

/* Vomnibar */
#vomnibar {
  background: #43301F;
  color: #EDDCBC;
  border: 1px solid #584532;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(32, 22, 14, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #43301F;
  border-bottom: 1px solid #584532;
}

#vomnibar input {
  color: #F8ECD4;
  background: #362619;
  border: 1px solid #43301F;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #EC7F31;
}

#vomnibar input::selection {
  background-color: #634932;
  color: #F8ECD4;
}

#vomnibar ul {
  background: #43301F;
}

#vomnibar li {
  border-bottom: 1px solid #584532;
}

#vomnibar li .source {
  color: #967B5C;
}

#vomnibar li .title,
#vomnibar li em {
  color: #EDDCBC;
}

#vomnibar li .url {
  color: #7F9BAE;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #EC7F31;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #7B6047;
}

#vomnibar li.selected {
  background-color: #5A381E;
}

/* Find HUD */
#hud-container {
  background-color: #43301F;
  color: #EDDCBC;
  border: 1px solid #584532;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #43301F;
  color: #EDDCBC;
}

span#hud-match-count {
  color: #967B5C;
}

/* Help dialog */
#container {
  background-color: #362619;
  border: 1px solid #43301F;
}

#dialog {
  background-color: #362619;
  color: #EDDCBC;
}

#dialog a,
#dialog h1 .vim {
  color: #EC7F31;

Showing 150 of 199 lines.

subway-seat-tunnel.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Tunnel for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #24180E;
  --vimium-background-text-color: #E9D8B6;
  --vimium-foreground-color: #1B120A;
  --vimium-foreground-text-color: #E9D8B6;
  --vimium-link-color: #7F9BAE;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F3BF45;
  border: 1px solid #8F6F29;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(20, 13, 7, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #140D07;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #846626;
}

div > .vimiumActiveHintMarker span {
  color: #B74C39 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(243, 191, 69, 0.2);
  border: 1px solid #F3BF45;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(236, 127, 49, 0.25);
  border: 1px solid #EC7F31 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #EC7F31;
}

body.vimium-find-mode ::selection {
  background: #EC7F31;
  color: #140D07;
}

/* Vomnibar */
#vomnibar {
  background: #302115;
  color: #E9D8B6;
  border: 1px solid #463729;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(20, 13, 7, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #302115;
  border-bottom: 1px solid #463729;
}

#vomnibar input {
  color: #F6EAD1;
  background: #24180E;
  border: 1px solid #302115;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #EC7F31;
}

#vomnibar input::selection {
  background-color: #4F3927;
  color: #F6EAD1;
}

#vomnibar ul {
  background: #302115;
}

#vomnibar li {
  border-bottom: 1px solid #463729;
}

#vomnibar li .source {
  color: #917759;
}

#vomnibar li .title,
#vomnibar li em {
  color: #E9D8B6;
}

#vomnibar li .url {
  color: #7F9BAE;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #EC7F31;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #745B45;
}

#vomnibar li.selected {
  background-color: #4C2D15;
}

/* Find HUD */
#hud-container {
  background-color: #302115;
  color: #E9D8B6;
  border: 1px solid #463729;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #302115;
  color: #E9D8B6;
}

span#hud-match-count {
  color: #917759;
}

/* Help dialog */
#container {
  background-color: #24180E;
  border: 1px solid #302115;
}

#dialog {
  background-color: #24180E;
  color: #E9D8B6;
}

#dialog a,
#dialog h1 .vim {
  color: #EC7F31;

Showing 150 of 199 lines.

subway-seat-enamel.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat Enamel for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #F8EFDF;
  --vimium-background-text-color: #3E2C1E;
  --vimium-foreground-color: #EEE4D0;
  --vimium-foreground-text-color: #3E2C1E;
  --vimium-link-color: #3F6480;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #976608;
  border: 1px solid #76500B;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(42, 29, 19, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #F8EFDF;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #60420E;
}

div > .vimiumActiveHintMarker span {
  color: #E4D8C0 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(151, 102, 8, 0.2);
  border: 1px solid #976608;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(160, 72, 0, 0.25);
  border: 1px solid #A04800 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #A04800;
}

body.vimium-find-mode ::selection {
  background: #A04800;
  color: #F8EFDF;
}

/* Vomnibar */
#vomnibar {
  background: #FCF7EF;
  color: #3E2C1E;
  border: 1px solid #E1DAD1;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(42, 29, 19, 0.2);
}

#vomnibar #vomnibar-search-area {
  background: #FCF7EF;
  border-bottom: 1px solid #E1DAD1;
}

#vomnibar input {
  color: #2A1D13;
  background: #F8EFDF;
  border: 1px solid #CBB898;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #A04800;
}

#vomnibar input::selection {
  background-color: #CBB898;
  color: #2A1D13;
}

#vomnibar ul {
  background: #FCF7EF;
}

#vomnibar li {
  border-bottom: 1px solid #E1DAD1;
}

#vomnibar li .source {
  color: #8C7254;
}

#vomnibar li .title,
#vomnibar li em {
  color: #3E2C1E;
}

#vomnibar li .url {
  color: #3F6480;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #A04800;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #A58D6D;
}

#vomnibar li.selected {
  background-color: #ECD8C0;
}

/* Find HUD */
#hud-container {
  background-color: #FCF7EF;
  color: #3E2C1E;
  border: 1px solid #E1DAD1;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #FCF7EF;
  color: #3E2C1E;
}

span#hud-match-count {
  color: #8C7254;
}

/* Help dialog */
#container {
  background-color: #F8EFDF;
  border: 1px solid #CBB898;
}

#dialog {
  background-color: #F8EFDF;
  color: #3E2C1E;
}

#dialog a,
#dialog h1 .vim {
  color: #A04800;

Showing 150 of 199 lines.

london-moquette.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Moquette for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #1E2941;
  --vimium-background-text-color: #D8DEEA;
  --vimium-foreground-color: #172032;
  --vimium-foreground-text-color: #D8DEEA;
  --vimium-link-color: #7595DA;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F2C03F;
  border: 1px solid #8D7434;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(18, 24, 38, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #121826;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #826C32;
}

div > .vimiumActiveHintMarker span {
  color: #B35249 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(242, 192, 63, 0.2);
  border: 1px solid #F2C03F;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(222, 137, 70, 0.25);
  border: 1px solid #DE8946 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #DE8946;
}

body.vimium-find-mode ::selection {
  background: #DE8946;
  color: #121826;
}

/* Vomnibar */
#vomnibar {
  background: #263451;
  color: #D8DEEA;
  border: 1px solid #3C4964;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(18, 24, 38, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #263451;
  border-bottom: 1px solid #3C4964;
}

#vomnibar input {
  color: #E9EDF5;
  background: #1E2941;
  border: 1px solid #263451;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #DE8946;
}

#vomnibar input::selection {
  background-color: #3D4F72;
  color: #E9EDF5;
}

#vomnibar ul {
  background: #263451;
}

#vomnibar li {
  border-bottom: 1px solid #3C4964;
}

#vomnibar li .source {
  color: #73819C;
}

#vomnibar li .title,
#vomnibar li em {
  color: #D8DEEA;
}

#vomnibar li .url {
  color: #7595DA;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #DE8946;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #576685;
}

#vomnibar li.selected {
  background-color: #443C42;
}

/* Find HUD */
#hud-container {
  background-color: #263451;
  color: #D8DEEA;
  border: 1px solid #3C4964;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #263451;
  color: #D8DEEA;
}

span#hud-match-count {
  color: #73819C;
}

/* Help dialog */
#container {
  background-color: #1E2941;
  border: 1px solid #263451;
}

#dialog {
  background-color: #1E2941;
  color: #D8DEEA;
}

#dialog a,
#dialog h1 .vim {
  color: #DE8946;

Showing 150 of 199 lines.

london-deep-level.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Deep Level for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #121A2D;
  --vimium-background-text-color: #D4DAE7;
  --vimium-foreground-color: #0D1421;
  --vimium-foreground-text-color: #D4DAE7;
  --vimium-link-color: #7595DA;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F2C03F;
  border: 1px solid #8A702D;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(10, 14, 24, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #0A0E18;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #7E672C;
}

div > .vimiumActiveHintMarker span {
  color: #B15046 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(242, 192, 63, 0.2);
  border: 1px solid #F2C03F;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(222, 137, 70, 0.25);
  border: 1px solid #DE8946 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #DE8946;
}

body.vimium-find-mode ::selection {
  background: #DE8946;
  color: #0A0E18;
}

/* Vomnibar */
#vomnibar {
  background: #1A243A;
  color: #D4DAE7;
  border: 1px solid #313A4F;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(10, 14, 24, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #1A243A;
  border-bottom: 1px solid #313A4F;
}

#vomnibar input {
  color: #E7EBF3;
  background: #121A2D;
  border: 1px solid #1A243A;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #DE8946;
}

#vomnibar input::selection {
  background-color: #303E5B;
  color: #E7EBF3;
}

#vomnibar ul {
  background: #1A243A;
}

#vomnibar li {
  border-bottom: 1px solid #313A4F;
}

#vomnibar li .source {
  color: #6F7C97;
}

#vomnibar li .title,
#vomnibar li em {
  color: #D4DAE7;
}

#vomnibar li .url {
  color: #7595DA;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #DE8946;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #53617D;
}

#vomnibar li.selected {
  background-color: #3B3032;
}

/* Find HUD */
#hud-container {
  background-color: #1A243A;
  color: #D4DAE7;
  border: 1px solid #313A4F;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #1A243A;
  color: #D4DAE7;
}

span#hud-match-count {
  color: #6F7C97;
}

/* Help dialog */
#container {
  background-color: #121A2D;
  border: 1px solid #1A243A;
}

#dialog {
  background-color: #121A2D;
  color: #D4DAE7;
}

#dialog a,
#dialog h1 .vim {
  color: #DE8946;

Showing 150 of 199 lines.

london-portland.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* London Portland for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #E8F0FF;
  --vimium-background-text-color: #293040;
  --vimium-foreground-color: #DCE5F7;
  --vimium-foreground-text-color: #293040;
  --vimium-link-color: #0019A8;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #8D6C08;
  border: 1px solid #6B5512;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(27, 32, 43, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #E8F0FF;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #54461A;
}

div > .vimiumActiveHintMarker span {
  color: #CCDAF2 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(141, 108, 8, 0.2);
  border: 1px solid #8D6C08;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(165, 67, 0, 0.25);
  border: 1px solid #A54300 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #A54300;
}

body.vimium-find-mode ::selection {
  background: #A54300;
  color: #E8F0FF;
}

/* Vomnibar */
#vomnibar {
  background: #F4F8FF;
  color: #293040;
  border: 1px solid #D7DCE4;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(27, 32, 43, 0.2);
}

#vomnibar #vomnibar-search-area {
  background: #F4F8FF;
  border-bottom: 1px solid #D7DCE4;
}

#vomnibar input {
  color: #1B202B;
  background: #E8F0FF;
  border: 1px solid #A8BBE2;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #A54300;
}

#vomnibar input::selection {
  background-color: #A8BBE2;
  color: #1B202B;
}

#vomnibar ul {
  background: #F4F8FF;
}

#vomnibar li {
  border-bottom: 1px solid #D7DCE4;
}

#vomnibar li .source {
  color: #697794;
}

#vomnibar li .title,
#vomnibar li em {
  color: #293040;
}

#vomnibar li .url {
  color: #0019A8;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #A54300;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #8192B4;
}

#vomnibar li.selected {
  background-color: #DFD8DB;
}

/* Find HUD */
#hud-container {
  background-color: #F4F8FF;
  color: #293040;
  border: 1px solid #D7DCE4;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #F4F8FF;
  color: #293040;
}

span#hud-match-count {
  color: #697794;
}

/* Help dialog */
#container {
  background-color: #E8F0FF;
  border: 1px solid #A8BBE2;
}

#dialog {
  background-color: #E8F0FF;
  color: #293040;
}

#dialog a,
#dialog h1 .vim {
  color: #A54300;

Showing 150 of 199 lines.

paris-guimard.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Guimard for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #1E2E26;
  --vimium-background-text-color: #D9E1DB;
  --vimium-foreground-color: #18241D;
  --vimium-foreground-text-color: #D9E1DB;
  --vimium-link-color: #709BC8;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F1BF4B;
  border: 1px solid #8D7534;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(19, 26, 23, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #131A17;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #826C31;
}

div > .vimiumActiveHintMarker span {
  color: #A3574D !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(241, 191, 75, 0.2);
  border: 1px solid #F1BF4B;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(202, 146, 69, 0.25);
  border: 1px solid #CA9245 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #CA9245;
}

body.vimium-find-mode ::selection {
  background: #CA9245;
  color: #131A17;
}

/* Vomnibar */
#vomnibar {
  background: #263930;
  color: #D9E1DB;
  border: 1px solid #3C4D45;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(19, 26, 23, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #263930;
  border-bottom: 1px solid #3C4D45;
}

#vomnibar input {
  color: #E9EEEC;
  background: #1E2E26;
  border: 1px solid #263930;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #CA9245;
}

#vomnibar input::selection {
  background-color: #3E554A;
  color: #E9EEEC;
}

#vomnibar ul {
  background: #263930;
}

#vomnibar li {
  border-bottom: 1px solid #3C4D45;
}

#vomnibar li .source {
  color: #74857C;
}

#vomnibar li .title,
#vomnibar li em {
  color: #D9E1DB;
}

#vomnibar li .url {
  color: #709BC8;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #CA9245;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #586B61;
}

#vomnibar li.selected {
  background-color: #40422C;
}

/* Find HUD */
#hud-container {
  background-color: #263930;
  color: #D9E1DB;
  border: 1px solid #3C4D45;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #263930;
  color: #D9E1DB;
}

span#hud-match-count {
  color: #74857C;
}

/* Help dialog */
#container {
  background-color: #1E2E26;
  border: 1px solid #263930;
}

#dialog {
  background-color: #1E2E26;
  color: #D9E1DB;
}

#dialog a,
#dialog h1 .vim {
  color: #CA9245;

Showing 150 of 199 lines.

paris-catacombes.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Catacombes for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #121E19;
  --vimium-background-text-color: #D4DDD7;
  --vimium-foreground-color: #0D1711;
  --vimium-foreground-text-color: #D4DDD7;
  --vimium-link-color: #709BC8;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #F1BF4B;
  border: 1px solid #89702F;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(10, 16, 13, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #0A100D;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #7E682C;
}

div > .vimiumActiveHintMarker span {
  color: #A1554B !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(241, 191, 75, 0.2);
  border: 1px solid #F1BF4B;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(202, 146, 69, 0.25);
  border: 1px solid #CA9245 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #CA9245;
}

body.vimium-find-mode ::selection {
  background: #CA9245;
  color: #0A100D;
}

/* Vomnibar */
#vomnibar {
  background: #1A2921;
  color: #D4DDD7;
  border: 1px solid #313F37;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(10, 16, 13, 0.45);
}

#vomnibar #vomnibar-search-area {
  background: #1A2921;
  border-bottom: 1px solid #313F37;
}

#vomnibar input {
  color: #E7ECEA;
  background: #121E19;
  border: 1px solid #1A2921;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #CA9245;
}

#vomnibar input::selection {
  background-color: #31433A;
  color: #E7ECEA;
}

#vomnibar ul {
  background: #1A2921;
}

#vomnibar li {
  border-bottom: 1px solid #313F37;
}

#vomnibar li .source {
  color: #708178;
}

#vomnibar li .title,
#vomnibar li em {
  color: #D4DDD7;
}

#vomnibar li .url {
  color: #709BC8;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #CA9245;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #54655C;
}

#vomnibar li.selected {
  background-color: #373522;
}

/* Find HUD */
#hud-container {
  background-color: #1A2921;
  color: #D4DDD7;
  border: 1px solid #313F37;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #1A2921;
  color: #D4DDD7;
}

span#hud-match-count {
  color: #708178;
}

/* Help dialog */
#container {
  background-color: #121E19;
  border: 1px solid #1A2921;
}

#dialog {
  background-color: #121E19;
  color: #D4DDD7;
}

#dialog a,
#dialog h1 .vim {
  color: #CA9245;

Showing 150 of 199 lines.

paris-carrelage.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Paris Carrelage for Vimium: paste into Options › CSS for Vimium UI. */

:root {
  --vimium-background-color: #EEF2F1;
  --vimium-background-text-color: #27342F;
  --vimium-foreground-color: #E1E6E5;
  --vimium-foreground-text-color: #27342F;
  --vimium-link-color: #25629B;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #916D07;
  border: 1px solid #6D560E;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(25, 34, 30, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #EEF2F1;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #554812;
}

div > .vimiumActiveHintMarker span {
  color: #D5DBDA !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(145, 109, 7, 0.2);
  border: 1px solid #916D07;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(118, 76, 0, 0.25);
  border: 1px solid #764C00 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #764C00;
}

body.vimium-find-mode ::selection {
  background: #764C00;
  color: #EEF2F1;
}

/* Vomnibar */
#vomnibar {
  background: #F6F8F8;
  color: #27342F;
  border: 1px solid #D9DCDC;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(25, 34, 30, 0.2);
}

#vomnibar #vomnibar-search-area {
  background: #F6F8F8;
  border-bottom: 1px solid #D9DCDC;
}

#vomnibar input {
  color: #19221E;
  background: #EEF2F1;
  border: 1px solid #B0BFBB;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #764C00;
}

#vomnibar input::selection {
  background-color: #B0BFBB;
  color: #19221E;
}

#vomnibar ul {
  background: #F6F8F8;
}

#vomnibar li {
  border-bottom: 1px solid #D9DCDC;
}

#vomnibar li .source {
  color: #6C7C76;
}

#vomnibar li .title,
#vomnibar li em {
  color: #27342F;
}

#vomnibar li .url {
  color: #25629B;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #764C00;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #859792;
}

#vomnibar li.selected {
  background-color: #DDDBCF;
}

/* Find HUD */
#hud-container {
  background-color: #F6F8F8;
  color: #27342F;
  border: 1px solid #D9DCDC;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #F6F8F8;
  color: #27342F;
}

span#hud-match-count {
  color: #6C7C76;
}

/* Help dialog */
#container {
  background-color: #EEF2F1;
  border: 1px solid #B0BFBB;
}

#dialog {
  background-color: #EEF2F1;
  color: #27342F;
}

#dialog a,
#dialog h1 .vim {
  color: #764C00;

Showing 150 of 199 lines.

This one is shared by all three flavors.

subway-seat-auto.csspaste into Vimium Options › CSS for Vimium UI
Download
/* Subway Seat — generated from palette.py by build.py. Edit the palette, not this file. */
/* Subway Seat for Vimium, following the system: Subway Seat Enamel when it's light, Subway Seat when it's dark. */

:root {
  --vimium-background-color: #F8EFDF;
  --vimium-background-text-color: #3E2C1E;
  --vimium-foreground-color: #EEE4D0;
  --vimium-foreground-text-color: #3E2C1E;
  --vimium-link-color: #3F6480;
}

/* Link hints */
div.internal-vimium-hint-marker {
  padding: 1px 4px;
  background: #976608;
  border: 1px solid #76500B;
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(42, 29, 19, 0.35);
}

div.internal-vimium-hint-marker span {
  color: #F8EFDF;
  text-shadow: none;
}

div.internal-vimium-hint-marker > .matchingCharacter {
  color: #60420E;
}

div > .vimiumActiveHintMarker span {
  color: #E4D8C0 !important;
}

div.internal-vimium-input-hint {
  background-color: rgba(151, 102, 8, 0.2);
  border: 1px solid #976608;
}

div.internal-vimium-selected-input-hint {
  background-color: rgba(160, 72, 0, 0.25);
  border: 1px solid #A04800 !important;
}

div.vimium-flash {
  box-shadow: 0 0 4px 2px #A04800;
}

body.vimium-find-mode ::selection {
  background: #A04800;
  color: #F8EFDF;
}

/* Vomnibar */
#vomnibar {
  background: #FCF7EF;
  color: #3E2C1E;
  border: 1px solid #E1DAD1;
  border-radius: 8px;
  box-shadow: 0 12px 32px rgba(42, 29, 19, 0.2);
}

#vomnibar #vomnibar-search-area {
  background: #FCF7EF;
  border-bottom: 1px solid #E1DAD1;
}

#vomnibar input {
  color: #2A1D13;
  background: #F8EFDF;
  border: 1px solid #CBB898;
  border-radius: 5px;
  box-shadow: none;
}

#vomnibar input:focus {
  border-color: #A04800;
}

#vomnibar input::selection {
  background-color: #CBB898;
  color: #2A1D13;
}

#vomnibar ul {
  background: #FCF7EF;
}

#vomnibar li {
  border-bottom: 1px solid #E1DAD1;
}

#vomnibar li .source {
  color: #8C7254;
}

#vomnibar li .title,
#vomnibar li em {
  color: #3E2C1E;
}

#vomnibar li .url {
  color: #3F6480;
}

#vomnibar li .match,
#vomnibar li .title .match {
  color: #A04800;
  font-weight: bold;
}

#vomnibar li .relevancy {
  color: #A58D6D;
}

#vomnibar li.selected {
  background-color: #ECD8C0;
}

/* Find HUD */
#hud-container {
  background-color: #FCF7EF;
  color: #3E2C1E;
  border: 1px solid #E1DAD1;
  box-shadow: none;
}

#hud-container #search-area,
#hud-container #hud {
  background-color: #FCF7EF;
  color: #3E2C1E;
}

span#hud-match-count {
  color: #8C7254;
}

/* Help dialog */
#container {
  background-color: #F8EFDF;
  border: 1px solid #CBB898;
}

#dialog {
  background-color: #F8EFDF;
  color: #3E2C1E;
}

#dialog a,
#dialog h1 .vim {
  color: #A04800;

Showing 150 of 398 lines.