/* DONKERE MODUS THEMA VOOR SPOTWEB */
/* Gebaseerd op het originele we1rdo thema */

:root[data-sw-theme="dark"] {
  --color-surface: #2d2d2d;
  --color-surface-2: #333;
  --color-border: #444;
  --color-text: #e0e0e0;
  --color-bg: #1e1e1e;
  --color-muted: #b8b8b8;
  --color-accent: #4da6ff;
  --sw-strip-gradient: linear-gradient(120deg, #333, #2d2d2d);
  --sw-strip-border: #111;
  --sw-strip-text: #e0e0e0;

  --sw-cat0: #4da6ff;
  --sw-cat1: #66cc66;
  --sw-cat2: #ffcc00;
  --sw-cat3: #ff6666;
}

/* GENERAL */
body.theme-dark {background-color:#1e1e1e; color:#d61f1f;}
body.theme-dark a:visited,
body.theme-dark a:link {color:#0553a1;}
body.theme-dark a:hover {color:#80bfff; text-decoration:underline;}

/* HEADER */
body.theme-dark div.container {background:transparent;}
body.theme-dark div.logo h1 a {color:#e0e0e0;}
body.theme-dark div.filter h4 {color:#e0e0e0;}

/* MENU */
body.theme-dark ul.mainmenu li a {color:#e0e0e0;}
body.theme-dark ul.mainmenu li:hover {background-color:#333;}
body.theme-dark ul.mainmenu li.active {background-color:#444;}

/* TOOLBAR */
body.theme-dark div#toolbar {background-color:#333; border-color:#444;}
body.theme-dark div.notifications, 
body.theme-dark div.toolbarButton {border-right-color:#444;}
body.theme-dark div.toolbarButton:hover {background-color:#444;}
body.theme-dark div.toolbarButton p a {color:#e0e0e0;}

/* SPOTS LIST */
body.theme-dark table.spots {background-color:#2d2d2d; border-color:#444;}
body.theme-dark table.spots th {background-color:#333; color:#e0e0e0; border-color:#444;}
body.theme-dark table.spots th a {color:#e0e0e0;}
body.theme-dark table.spots th.sorted a {color:#4da6ff;}
body.theme-dark table.spots tr.even {background-color:#2a2a2a;}
body.theme-dark table.spots tr.odd {background-color:#2d2d2d;}
body.theme-dark table.spots tr:hover {background-color:#333;}
body.theme-dark table.spots tr.active {background-color:#444;}
body.theme-dark table.spots tr.active td,
body.theme-dark table.spots tr.active td a {color:#e0e0e0;}
body.theme-dark table.spots td {color:#e0e0e0; border-color:#444;}
body.theme-dark table.spots td a {color:#e27648;}
body.theme-dark table.spots td.category {color:#e0e0e0;}

/* SPOT CATEGORIES */
body.theme-dark table.spots tr.spotcat0 td {background-color:#2a2a2a;}
body.theme-dark table.spots tr.spotcat1 td {background-color:#2a2a2a;}
body.theme-dark table.spots tr.spotcat2 td {background-color:#2a2a2a;}
body.theme-dark table.spots tr.spotcat3 td {background-color:#2a2a2a;}
body.theme-dark table.spots tr.spotcat0 td.category {color:#4da6ff;}
body.theme-dark table.spots tr.spotcat1 td.category {color:#66cc66;}
body.theme-dark table.spots tr.spotcat2 td.category {color:#ffcc00;}
body.theme-dark table.spots tr.spotcat3 td.category {color:#ff6666;}
body.theme-dark table.spots tr.spam td {background-color:#2a2a2a;}
body.theme-dark table.spots tr.spam td.title a {color:#999; text-decoration:line-through;}

/* SPOT DETAILS */
body.theme-dark div.details {background-color:#2d2d2d; border-color:#444;}
body.theme-dark div.details a.closeDetails {background-color:#333;}
body.theme-dark div.details a.closeDetails:hover {background-color:#444;}
body.theme-dark div.details div.spotinfo h1 {color:#e0e0e0; border-bottom-color:#444;}
body.theme-dark div.details table.spotheader th,
body.theme-dark div.details table.spotinfo th {color:#e0e0e0; background-color:#333; border-color:#444;}
body.theme-dark div.details table.spotheader td,
body.theme-dark div.details table.spotinfo td {color:#e0e0e0; background-color:#2a2a2a; border-color:#444;}
body.theme-dark div.details table.spotheader td a, 
body.theme-dark div.details table.spotinfo td a {color:#4da6ff;}
body.theme-dark div.details div.description pre {color:#e0e0e0;}
body.theme-dark div.details div.comments h4, 
body.theme-dark div.details div.comments h3 {color:#c01818; border-color:#444;}
body.theme-dark div.details div.comments ul {background-color:#2a2a2a; border-color:#444;}
body.theme-dark div.details div.comments ul li {border-color:#444;}
body.theme-dark div.details div.comments ul li.even {background-color:#2a2a2a;}
body.theme-dark div.details div.comments ul li.odd {background-color:#2d2d2d;}
body.theme-dark div.details div.comments ul li p {color:#cd1b42;}
body.theme-dark div.details div.comments ul li p.user {color:#ccc;}

/* QUICKLINKS */
body.theme-dark div.filter ul.quicklinks li {margin:0 0 2px 0;}
body.theme-dark div.filter ul.quicklinks li a {color:#e0e0e0;}


/* FILTERS */
body.theme-dark div.filter {background-color:#2d2d2d; border-color:#444;}
body.theme-dark div.filter h4 {background-color:#333; border-color:#444;}
body.theme-dark div.filter ul.filterlist li {border-color:#444;}
body.theme-dark div.filter ul.filterlist li:hover {background-color:#333;}
body.theme-dark div.filter ul.filterlist li a {color:#e81515;}
body.theme-dark div.filter ul.filterlist li.blue a {color:#4da6ff; font-weight:bold;}
body.theme-dark div.filter ul.filterlist li.red a {color:#ff6666; font-weight:bold;}
body.theme-dark div.filter ul.filterlist li.green a {color:#66cc66; font-weight:bold;}
body.theme-dark div.filter ul.filterlist li.active {background-color:#444;}

/* PAGING */
body.theme-dark div.paging a {color:#e0e0e0; border-color:#444;}