User:Tempest Dawn/Table/style.css

From Final Fantasy XIV Online Wiki
Jump to navigation Jump to search
/* Base position, margin, sizing rules */
.template-table__marker+table {
  border: 0 solid;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.9230769231em;
  text-align: left;
  clear: none;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 10px 0;
  padding: 0;
  line-height: 1.4em;
  box-shadow: 0 3px 4px -3px #00000085;
}
  
/* Border around table body */
.template-table__marker+table > tbody {
  border: 1px solid;
  border-color: transparent;
}

  /* Default cell padding */
.template-table__marker+table td,
.template-table__marker+table th {
  padding: 0.25em 0.5em;
}
  
/* Heading row padding */
.template-table__marker+table tr:first-child th {
  padding: 0.5em;
}
  
/* Headings and subheadings should be centered */
.template-table__marker+table th {
  text-align: center;
}

/* Heading row gradient */
.template-table__marker+table tr:first-child  {
  border: solid 1px;
  border-color: transparent;
}

/* Light mode default colors */
html.view-light .template-table__marker+table > tbody,
html.view-light .template-table__marker+table > tbody tr:first-child {
  border-color: #aaa;/* Table and heading border */
}
html.view-light .template-table__marker+table > tbody tr:first-child {
  background-color: transparent; /* Heading background */
  background-image: var(--noise-texture),
    linear-gradient(to bottom, white 2px, transparent 10px, transparent 90%, #0002);
}
html.view-light .template-table__marker+table > tbody tr:not(:first-child) th {
  background-color: #e7e7e7; /* Subheading background */
}
html.view-light .template-table__marker+table > tbody tr:nth-child(odd) {
  background-color: #f3f3f3; /* Alternating row */
}

/* Dark theme default colors */
html.view-dark .template-table__marker+table {
  background:#ffffff1c;
}
html.view-dark .template-table__marker+table > tbody,
html.view-dark .template-table__marker+table tr:first-child {
  background: black;
  border-color: #4e4e4e; /* Table and heading border */
}

html.view-dark .template-table__marker+table tr:not(:first-child) th {
  background-color: #232323; /* Subheading background */
}
html.view-dark .template-table__marker+table tr:not(:first-child):nth-child(odd) {
  background-color: #ffffff1c; /* Alternating rows get lightened */
}


/* maroon light theme */
html.view-light .template-table__marker.maroon+table > tbody,
html.view-light .template-table__marker.maroon+table tr:first-child {
  border-color: #9a4848; /* Table and heading border */
}
html.view-light .template-table__marker.maroon+table tr:first-child {
  background-color: #bb6363;
  background-image:
    var(--noise-texture), linear-gradient(#bb636322, #bb636322), linear-gradient(to bottom, #fffe 0, #fff3 3px, transparent 90%, #0002);
  color: #230808;
}
html.view-light .template-table__marker.maroon+table tr:not(:first-child) th {
  background-color: #ee9595; /* Subheading background */
  color: #301111;
}
html.view-light .template-table__marker.maroon+table tr:not(:first-child):nth-child(odd) {
  background-color: #ffe0e0; /* Alternating row */
}

/* dark-green light theme */
html.view-light .template-table__marker.dark-green+table > tbody,
html.view-light .template-table__marker.dark-green+table tr:first-child {
  border-color: #2a491d; /* Table and heading border */
}
html.view-light .template-table__marker.dark-green+table tr:first-child { /* Heading background */
  background-color: #5e804f;
  background-image:
    var(--noise-texture), linear-gradient(#3c682911, #3c682911), linear-gradient(to bottom, #fffd 0, #ffffff2b 3px, transparent 90%, #0002);
  color: #020202;
}
html.view-light .template-table__marker.dark-green+table tr:not(:first-child) th {
  background-color: #b1cda4; /* Subheading background */
}
html.view-light .template-table__marker.dark-green+table tr:not(:first-child):nth-child(odd) {
  background-color: #e6eee2; /* Alternating row */
}

/* steel-blue light theme */
html.view-light .template-table__marker.steel-blue+table > tbody,
html.view-light .template-table__marker.steel-blue+table tr:first-child {
  border-color: #4871a0; /* Table and heading border */
}
html.view-light .template-table__marker.steel-blue+table tr:first-child { /* Heading background */
  background-color: #7c9dc5;
  background-image:
    var(--noise-texture), linear-gradient(#5587c122, #5587c122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0f1f29;
}
html.view-light .template-table__marker.steel-blue+table tr:not(:first-child) th {
  background-color: #96acc7; /* Subheading background */
  color: #213447;
}
html.view-light .template-table__marker.steel-blue+table tr:not(:first-child):nth-child(odd) {
  background-color: #d9e2ee; /* Alternating row */
}

/* gray light theme */
html.view-light .template-table__marker.gray+table > tbody,
html.view-light .template-table__marker.gray+table tr:first-child {
  border-color: #777d9e; /* Table and heading border */
}
html.view-light .template-table__marker.gray+table tr:first-child { /* Heading background */
  background-color: #878eb5;
  background-image:
    var(--noise-texture), linear-gradient(#878eb522, #878eb522), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #202734;
}
html.view-light .template-table__marker.gray+table tr:not(:first-child) th {
  background-color: #b2b5c7; /* Subheading background */
}
html.view-light .template-table__marker.gray+table tr:not(:first-child):nth-child(odd) {
  background-color: #eaedff; /* Alternating row */
}

/* olive light theme */
html.view-light .template-table__marker.olive+table > tbody,
html.view-light .template-table__marker.olive+table tr:first-child {
  border-color: #5a8019; /* Table and heading border */
}
html.view-light .template-table__marker.olive+table tr:first-child { /* Heading background */
  background-color: #78a923;
  background-image:
    var(--noise-texture), linear-gradient(#78a92322, #78a92322), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #2f320d;
}
html.view-light .template-table__marker.olive+table tr:not(:first-child) th {
  background-color: #bdd692; /* Subheading background */
}
html.view-light .template-table__marker.olive+table tr:not(:first-child):nth-child(odd) {
  background-color: #e6f0d5; /* Alternating row */
}

/* teal light theme */
html.view-light .template-table__marker.teal+table > tbody,
html.view-light .template-table__marker.teal+table tr:first-child {
  border-color: #479e92; /* Table and heading border */
}
html.view-light .template-table__marker.teal+table tr:first-child { /* Heading background */
  background-color: #5fb7aa;
  background-image:
    var(--noise-texture), linear-gradient(#5fb7aa22, #5fb7aa22), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0b3756;
}
html.view-light .template-table__marker.teal+table tr:not(:first-child) th {
  background-color: #a7e1d1; /* Subheading background */
}
html.view-light .template-table__marker.teal+table tr:not(:first-child):nth-child(odd) {
  background-color: #e2f9f5; /* Alternating row */
}

/* lime light theme */
html.view-light .template-table__marker.lime+table > tbody,
html.view-light .template-table__marker.lime+table tr:first-child {
  border-color: #52a329; /* Table and heading border */
}
html.view-light .template-table__marker.lime+table tr:first-child { /* Heading background */
  background-color: #6c3;
  background-image:
    var(--noise-texture), linear-gradient(#6c32, #6c32), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}
html.view-light .template-table__marker.lime+table tr:not(:first-child) th {
  background-color: #d3f6c1; /* Subheading background */
}
html.view-light .template-table__marker.lime+table tr:not(:first-child):nth-child(odd) {
  background-color: #eeffe6; /* Alternating row */
}

/* gold light theme */
html.view-light .template-table__marker.gold+table > tbody,
html.view-light .template-table__marker.gold+table tr:first-child {
  border-color: #cca352; /* Table and heading border */
}
html.view-light .template-table__marker.gold+table tr:first-child { /* Heading background */
  background-color: #fc6;
  background-image:
    var(--noise-texture), linear-gradient(#fc68, #fc68), linear-gradient(to bottom, #fffd 0, #fffdf5eb 3px, #f293000a 90%, #0002);
  color: #5d4411;
}
html.view-light .template-table__marker.gold+table tr:not(:first-child) th {
  background-color: #ffe6b4; /* Subheading background */
}
html.view-light .template-table__marker.gold+table tr:not(:first-child):nth-child(odd) {
  background-color: #fff0d3; /* Alternating row */
}

/* orange light theme */
html.view-light .template-table__marker.orange+table > tbody,
html.view-light .template-table__marker.orange+table tr:first-child {
  border-color: #cc7a52; /* Table and heading border */
}
html.view-light .template-table__marker.orange+table tr:first-child {
  background-color: #f96; /* Heading background */
  background-image:
    var(--noise-texture), linear-gradient(#f961, #f961), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #381f12;
}
html.view-light .template-table__marker.orange+table tr:not(:first-child) th {
  background-color: #fdd6c2; /* Subheading background */
  color: #451700;
}
html.view-light .template-table__marker.orange+table tr:not(:first-child):nth-child(odd) {
  background-color: #ffebe1; /* Alternating row */
}

/* pink light theme */
html.view-light .template-table__marker.pink+table > tbody,
html.view-light .template-table__marker.pink+table tr:first-child {
  border-color: #996574; /* Table and heading border */
}
html.view-light .template-table__marker.pink+table tr:first-child { /* Heading background */
  background-color: #e07a98;
  background-image:
    var(--noise-texture), linear-gradient(#e07a9815, #e07a9815), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #501627;
}
html.view-light .template-table__marker.pink+table tr:not(:first-child) th {
  background-color: #ffc1d4; /* Subheading background */
  color: #591d2f;
}
html.view-light .template-table__marker.pink+table tr:not(:first-child):nth-child(odd) {
  background-color: #ffe8ef; /* Alternating row */
}

/* blue light theme */
html.view-light .template-table__marker.blue+table > tbody,
html.view-light .template-table__marker.blue+table tr:first-child {
  border-color: #527aa3; /* Table and heading border */
}

html.view-light .template-table__marker.blue+table tr:first-child { /* Heading background */
  background-color: #6593d8;
  background-image:
    var(--noise-texture), linear-gradient(#5d9dff44, #5d9dff44), linear-gradient(to bottom, #fffe 0, #d8d8d833 3px, transparent 90%, #0002);
  color: #061e43;
}

html.view-light .template-table__marker.blue+table tr:not(:first-child) th {
  background-color: #b3caee; /* Subheading background */
}

html.view-light .template-table__marker.blue+table tr:not(:first-child):nth-child(odd) {
  background-color: #d3e4ff; /* Alternating row */
}

/* turquoise light theme */
html.view-light .template-table__marker.turquoise+table > tbody,
html.view-light .template-table__marker.turquoise+table tr:first-child {
  border-color: #29a3a3; /* Table and heading border */
}

html.view-light .template-table__marker.turquoise+table tr:first-child { /* Heading background */
  background-color: #3cc;
  background-image:
    var(--noise-texture), linear-gradient(#3cc2, #3cc2), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0b2d2a;
}

html.view-light .template-table__marker.turquoise+table tr:not(:first-child) th {
  background-color: #b5f0f0; /* Subheading background */
}

html.view-light .template-table__marker.turquoise+table tr:not(:first-child):nth-child(odd) {
  background-color: #e7ffff; /* Alternating row */
}

/* violet light theme */
html.view-light .template-table__marker.violet+table > tbody,
html.view-light .template-table__marker.violet+table tr:first-child {
  border-color: #a352a3; /* Table and heading border */
}

html.view-light .template-table__marker.violet+table tr:first-child { /* Heading background */
  background-color: #e370e3;
  background-image:
    var(--noise-texture), linear-gradient(#c6c2, #c6c2), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #1a081a;
}

html.view-light .template-table__marker.violet+table tr:not(:first-child) th {
  background-color: #e9aee9; /* Subheading background */
}

html.view-light .template-table__marker.violet+table tr:not(:first-child):nth-child(odd) {
  background-color: #ffeaff; /* Alternating row */
}

/* purple light theme */
html.view-light .template-table__marker.purple+table > tbody,
html.view-light .template-table__marker.purple+table tr:first-child {
  border-color: #7a52a3; /* Table and heading border */
}

html.view-light .template-table__marker.purple+table tr:first-child { /* Heading background */
  background-color: #b079e7;
  background-image:
    var(--noise-texture), linear-gradient(#96c1, #96c1), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #24183a;
}

html.view-light .template-table__marker.purple+table tr:not(:first-child) th {
  background-color: #d9c2f0; /* Subheading background */
}

html.view-light .template-table__marker.purple+table tr:not(:first-child):nth-child(odd) {
  background-color: #f7efff; /* Alternating row */
}

/* yellow-green light theme */
html.view-light .template-table__marker.yellow-green+table > tbody,
html.view-light .template-table__marker.yellow-green+table tr:first-child {
  border-color: #7aa329; /* Table and heading border */
}

html.view-light .template-table__marker.yellow-green+table tr:first-child { /* Heading background */
  background-color: #c2fb50;
  background-image:
    var(--noise-texture), linear-gradient(#9c32, #9c32), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}

html.view-light .template-table__marker.yellow-green+table tr:not(:first-child) th {
  background-color: #ddf6aa; /* Subheading background */
}

html.view-light .template-table__marker.yellow-green+table tr:not(:first-child):nth-child(odd) {
  background-color: #f5ffe2; /* Alternating row */
}

/* aquamarine light theme */
html.view-light .template-table__marker.aquamarine+table > tbody,
html.view-light .template-table__marker.aquamarine+table tr:first-child {
  border-color: #5caeae; /* Table and heading border */
}

html.view-light .template-table__marker.aquamarine+table tr:first-child { /* Heading background */
  background-color: #8fffff;
  background-image:
    var(--noise-texture), linear-gradient(#73d9d922, #73d9d922), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0f4e4e;
}

html.view-light .template-table__marker.aquamarine+table tr:not(:first-child) th {
  background-color: #c2f0f0; /* Subheading background */
}

html.view-light .template-table__marker.aquamarine+table tr:not(:first-child):nth-child(odd) {
  background-color: #f1ffff; /* Alternating row */
}

/* green light theme */
html.view-light .template-table__marker.green+table > tbody,
html.view-light .template-table__marker.green+table tr:first-child {
  border-color: #418541; /* Table and heading border */
}

html.view-light .template-table__marker.green+table tr:first-child { /* Heading background */
  background-color: #7bd27b;
  background-image:
    var(--noise-texture), linear-gradient(#51a65122, #51a65122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #123212;
}

html.view-light .template-table__marker.green+table tr:not(:first-child) th {
  background-color: #b7e1b7; /* Subheading background */
}

html.view-light .template-table__marker.green+table tr:not(:first-child):nth-child(odd) {
  background-color: #e6f2e6; /* Alternating row */
}

/* brown light theme */
html.view-light .template-table__marker.brown+table > tbody,
html.view-light .template-table__marker.brown+table tr:first-child {
  border-color: #856741; /* Table and heading border */
}

html.view-light .template-table__marker.brown+table tr:first-child { /* Heading background */
  background-color: #dfb175;
  background-image:
    var(--noise-texture), linear-gradient(#a6815122, #a6815122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}

html.view-light .template-table__marker.brown+table tr:not(:first-child) th {
  background-color: #e1ceb7; /* Subheading background */
}

html.view-light .template-table__marker.brown+table tr:not(:first-child):nth-child(odd) {
  background-color: #f6eada; /* Alternating row */
}




/* maroon dark theme */
html.view-dark .template-table__marker.maroon+table > tbody,
html.view-dark .template-table__marker.maroon+table tr:first-child {
  border-color: #5f3030; /* Table and heading border */
  background-color: #4e2c2c; /* Alternating row */
}
html.view-dark .template-table__marker.maroon+table tr:first-child {
  background-color: #bb6363;
  background-image:
    var(--noise-texture), linear-gradient(#bb636322, #bb636322), linear-gradient(to bottom, #fffe 0, #fff3 3px, transparent 90%, #0002);
  color: #230808;
}
html.view-dark .template-table__marker.maroon+table tr:not(:first-child) th {
  background-color: #4c0d0d; /* Subheading background */
  color: #ffd2d2;
}
html.view-dark .template-table__marker.maroon+table tr:not(:first-child):nth-child(even) {
  background-color: #2d1111; /* Alternating row */
}

/* dark-green dark theme */
html.view-dark .template-table__marker.dark-green+table > tbody,
html.view-dark .template-table__marker.dark-green+table tr:first-child {
  border-color: #2a491d; /* Table and heading border */
  background-color: #264517; /* Row background */
}
html.view-dark .template-table__marker.dark-green+table tr:first-child { /* Heading background */
  background-color: #5e804f;
  background-image:
    var(--noise-texture), linear-gradient(#3c682911, #3c682911), linear-gradient(to bottom, #fffd 0, #ffffff2b 3px, transparent 90%, #0002);
  color: #020202;
}
html.view-dark .template-table__marker.dark-green+table tr:not(:first-child) th {
  background-color: #0b1305; /* Subheading background */
  color: #d9f6cb;
}

/* steel-blue dark theme */
html.view-dark .template-table__marker.steel-blue+table > tbody,
html.view-dark .template-table__marker.steel-blue+table tr:first-child {
  border-color: #4871a0; /* Table and heading border */
  background-color: #011b3d; /* Row background */
}
html.view-dark .template-table__marker.steel-blue+table tr:first-child { /* Heading background */
  background-color: #7c9dc5;
  background-image:
    var(--noise-texture), linear-gradient(#5587c122, #5587c122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0f1f29;
}
html.view-dark .template-table__marker.steel-blue+table tr:not(:first-child) th {
  background-color: #13273f; /* Subheading background */
  color: #9cb9d6;
}

/* gray dark theme */
html.view-dark .template-table__marker.gray+table > tbody,
html.view-dark .template-table__marker.gray+table tr:first-child {
  border-color: #777d9e; /* Table and heading border */
  background-color: #0e111e; /* Alternating row */
}
html.view-dark .template-table__marker.gray+table tr:first-child { /* Heading background */
  background-color: #878eb5;
  background-image:
    var(--noise-texture), linear-gradient(#878eb522, #878eb522), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #202734;
}
html.view-dark .template-table__marker.gray+table tr:not(:first-child) th {
  background-color: #2b2f47; /* Subheading background */
  color: #b6bde7;
}

/* olive dark theme */
html.view-dark .template-table__marker.olive+table > tbody,
html.view-dark .template-table__marker.olive+table tr:first-child {
  border-color: #5a8019; /* Table and heading border */
  background-color: #1e290c; /* Alternating row */
}
html.view-dark .template-table__marker.olive+table tr:first-child { /* Heading background */
  background-color: #78a923;
  background-image:
    var(--noise-texture), linear-gradient(#78a92322, #78a92322), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #2f320d;
}
html.view-dark .template-table__marker.olive+table tr:not(:first-child) th {
  background-color: #455926; /* Subheading background */
}

/* teal dark theme */
html.view-dark .template-table__marker.teal+table > tbody,
html.view-dark .template-table__marker.teal+table tr:first-child {
  border-color: #479e92; /* Table and heading border */
  background-color: #0c322b; /* Alternating row */
}
html.view-dark .template-table__marker.teal+table tr:first-child { /* Heading background */
  background-color: #5fb7aa;
  background-image:
    var(--noise-texture), linear-gradient(#5fb7aa22, #5fb7aa22), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0b3756;
}
html.view-dark .template-table__marker.teal+table tr:not(:first-child) th {
  background-color: #47615a; /* Subheading background */
}

/* lime dark theme */
html.view-dark .template-table__marker.lime+table > tbody,
html.view-dark .template-table__marker.lime+table tr:first-child {
  border-color: #52a329; /* Table and heading border */
  background-color: #212b1d; /* Alternating row */
}
html.view-dark .template-table__marker.lime+table tr:first-child { /* Heading background */
  background-color: #6c3;
  background-image:
    var(--noise-texture), linear-gradient(#6c32, #6c32), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}
html.view-dark .template-table__marker.lime+table tr:not(:first-child) th {
  background-color: #4c5b44; /* Subheading background */
}

/* gold dark theme */
html.view-dark .template-table__marker.gold+table > tbody,
html.view-dark .template-table__marker.gold+table tr:first-child {
  border-color: #cca352; /* Table and heading border */
  background-color: #3a2b0e; /* Alternating row */
}
html.view-dark .template-table__marker.gold+table tr:first-child { /* Heading background */
  background-color: #fc6;
  background-image:
    var(--noise-texture), linear-gradient(#fc68, #fc68), linear-gradient(to bottom, #fffd 0, #fffdf5eb 3px, #f293000a 90%, #0002);
  color: #5d4411;
}
html.view-dark .template-table__marker.gold+table tr:not(:first-child) th {
  background-color: #634b19; /* Subheading background */
  color: #e3dcd2;
}

/* orange dark theme */
html.view-dark .template-table__marker.orange+table > tbody,
html.view-dark .template-table__marker.orange+table tr:first-child {
  border-color: #cc7a52; /* Table and heading border */
  background-color: #2d1509; /* Alternating row */
}
html.view-dark .template-table__marker.orange+table tr:first-child {
  background-color: #f96; /* Heading background */
  background-image:
    var(--noise-texture), linear-gradient(#f961, #f961), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #381f12;
}
html.view-dark .template-table__marker.orange+table tr:not(:first-child) th {
  background-color: #915b3f; /* Subheading background */
  color: #fff1ea;
}

/* pink dark theme */
html.view-dark .template-table__marker.pink+table > tbody,
html.view-dark .template-table__marker.pink+table tr:first-child {
  border-color: #996574; /* Table and heading border */
  background-color: #23020c; /* Alternating row */
}
html.view-dark .template-table__marker.pink+table tr:first-child { /* Heading background */
  background-color: #e07a98;
  background-image:
    var(--noise-texture), linear-gradient(#e07a9815, #e07a9815), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #501627;
}
html.view-dark .template-table__marker.pink+table tr:not(:first-child) th {
  background-color: #6e3c4c; /* Subheading background */
  color: #ffe3ec;
}

/* blue dark theme */
html.view-dark .template-table__marker.blue+table > tbody,
html.view-dark .template-table__marker.blue+table tr:first-child {
  border-color: #527aa3; /* Table and heading border */
  background-color: #091427; /* Alternating row */
}

html.view-dark .template-table__marker.blue+table tr:first-child { /* Heading background */
  background-color: #6593d8;
  background-image:
    var(--noise-texture), linear-gradient(#5d9dff44, #5d9dff44), linear-gradient(to bottom, #fffe 0, #d8d8d833 3px, transparent 90%, #0002);
  color: #061e43;
}

html.view-dark .template-table__marker.blue+table tr:not(:first-child) th {
  background-color: #3c495d; /* Subheading background */
  color: #d0dfee;
}

/* turquoise dark theme */
html.view-dark .template-table__marker.turquoise+table > tbody,
html.view-dark .template-table__marker.turquoise+table tr:first-child {
  border-color: #29a3a3; /* Table and heading border */
  background-color: #132323; /* Alternating row */
}

html.view-dark .template-table__marker.turquoise+table tr:first-child { /* Heading background */
  background-color: #3cc;
  background-image:
    var(--noise-texture), linear-gradient(#3cc2, #3cc2), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0b2d2a;
}

html.view-dark .template-table__marker.turquoise+table tr:not(:first-child) th {
  background-color: #2d5656; /* Subheading background */
  color: #b5f0f0;
}

/* violet dark theme */
html.view-dark .template-table__marker.violet+table > tbody,
html.view-dark .template-table__marker.violet+table tr:first-child {
  border-color: #a352a3; /* Table and heading border */
  background-color: #321732; /* Alternating row */
}

html.view-dark .template-table__marker.violet+table tr:first-child { /* Heading background */
  background-color: #e370e3;
  background-image:
    var(--noise-texture), linear-gradient(#c6c2, #c6c2), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #1a081a;
}

html.view-dark .template-table__marker.violet+table tr:not(:first-child) th {
  background-color: #614061; /* Subheading background */
  color: #ffd8ff;
}

/* purple dark theme */
html.view-dark .template-table__marker.purple+table > tbody,
html.view-dark .template-table__marker.purple+table tr:first-child {
  border-color: #7a52a3; /* Table and heading border */
  background-color: #1e1725; /* Alternating row */
}

html.view-dark .template-table__marker.purple+table tr:first-child { /* Heading background */
  background-color: #b079e7;
  background-image:
    var(--noise-texture), linear-gradient(#96c1, #96c1), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #24183a;
}

html.view-dark .template-table__marker.purple+table tr:not(:first-child) th {
  background-color: #563c70; /* Subheading background */
  color: #edf;
}

/* yellow-green dark theme */
html.view-dark .template-table__marker.yellow-green+table > tbody,
html.view-dark .template-table__marker.yellow-green+table tr:first-child {
  border-color: #7aa329; /* Table and heading border */
  background-color: #2b3615; /* Alternating row */
}

html.view-dark .template-table__marker.yellow-green+table tr:first-child { /* Heading background */
  background-color: #c2fb50;
  background-image:
    var(--noise-texture), linear-gradient(#9c32, #9c32), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}

html.view-dark .template-table__marker.yellow-green+table tr:not(:first-child) th {
  background-color: #565f14; /* Subheading background */
  color: #edffc8;
}

/* aquamarine dark theme */
html.view-dark .template-table__marker.aquamarine+table > tbody,
html.view-dark .template-table__marker.aquamarine+table tr:first-child {
  border-color: #5caeae; /* Table and heading border */
  background-color: #1c3d3d; /* Alternating row */
}

html.view-dark .template-table__marker.aquamarine+table tr:first-child { /* Heading background */
  background-color: #8fffff;
  background-image:
    var(--noise-texture), linear-gradient(#73d9d922, #73d9d922), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #0f4e4e;
}

html.view-dark .template-table__marker.aquamarine+table tr:not(:first-child) th {
  background-color: #0b5050; /* Subheading background */
  color: #c2f0f0;
}

/* green dark theme */
html.view-dark .template-table__marker.green+table > tbody,
html.view-dark .template-table__marker.green+table tr:first-child {
  border-color: #418541; /* Table and heading border */
  background-color: #072307; /* Alternating row */
}
html.view-dark .template-table__marker.green+table tr:first-child { /* Heading background */
  background-color: #7bd27b;
  background-image:
    var(--noise-texture), linear-gradient(#51a65122, #51a65122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #123212;
}
html.view-dark .template-table__marker.green+table tr:not(:first-child) th {
  background-color: #0d430d; /* Subheading background */
  color: #d3f0c2;
}

/* brown dark theme */
html.view-dark .template-table__marker.brown+table > tbody,
html.view-dark .template-table__marker.brown+table tr:first-child {
  border-color: #856741; /* Table and heading border */
  background-color: #201608; /* Alternating row */
}
html.view-dark .template-table__marker.brown+table tr:first-child { /* Heading background */
  background-color: #dfb175;
  background-image:
    var(--noise-texture), linear-gradient(#a6815122, #a6815122), linear-gradient(to bottom, #fffd 0, #fff3 3px, transparent 90%, #0002);
  color: #14320c;
}
html.view-dark .template-table__marker.brown+table tr:not(:first-child) th {
  background-color: #563610; /* Subheading background */
  color: #e1ceb7;
}