/* What are you doing here? ;) */
/* Copyright Anny, annystudio.com */

@media screen and (prefers-color-scheme: dark)
{

body {background-color:#000; color:#DDD;}
h1, h2, h3, h4 {color:#EEE;}
img[src$=".png"], img[src$=".jpg"], img[src$=".svg"], img[src$=".gif"] {filter:grayscale(5%) brightness(90%);}
a, a:link, a:visited, a:hover, a:focus, a:active {color:#FFF;}

#menu {background-color:#252628;}
#calendarsmenu {background-color:#444;}
#calendarsmenu:hover {background-color:#555;}
#appsmenu {background-color:#777;}
#appsmenu:hover {background-color:#888;}
#moremenu {background-color:#777; border-left-color:#555;}
#moremenu:hover {background-color:#888;}

.headtextw {background-color:rgba(0,0,0,0.8); color:#FFF;}
.headtextb {background-color:rgba(255,255,255,0.8); color:#000;}

#tilesbg {background-color:#000;}
#tilesheader {color:#999;}
.tile {background-color:#252628;}
.tileheader {color:#DDD;}
.tiletext {color:#DDD;}
.tiletext a, .tiletext a:link, .tiletext a:visited {color:#6CACE5;}
.tiletext a:hover, .tiletext a:focus, .tiletext a:active {text-decoration:underline; color:#96C2E9;}
.tiledate {color:#999;}

article a, article a:link, article a:visited {color:#6CACE5;}
article a:hover, article a:focus, article a:active {color:#96C2E9;}

.ad {color:#000;} 

.notebox, blockquote {background-color:#222; color:#EEE;}
blockquote {background-image:url('images/quotes-left-dark.svg'), url('images/quotes-right-dark.svg');}
.source {color:#555;}

figure figcaption {color:#AAA;}

.tablealternating th {color:#FFF; background-color:#555;}
.tablealternating tr:nth-child(even) {background-color:#000;}
.tablealternating tr:nth-child(odd) {background-color:#222;}
.tablealternating tr:nth-child(odd) td {border-top:1px solid #333; border-bottom:1px solid #333;}
.tablealternating tr:last-child td {border-bottom:0.5rem solid #555;}

#lastupdate {color:#777;}
.tag {background-color:#353638;}
.tag a::before {color:#81B1DB;}

.commentinglink, .commentinglink:link, .commentinglink:visited, .commentinglink:hover, .commentinglink:focus, .commentinglink:active {color:#FFF; background-color:#2E8AE6;}
.response {color:#999;}

.downloadbuttonsmoreoptions a, .downloadbuttonsmoreoptions a:link, .downloadbuttonsmoreoptions a:visited  {color:#FFF;}
.downloadbuttonsmoreoptions a:hover, .downloadbuttonsmoreoptions a:focus, .downloadbuttonsmoreoptions a:active {color:#FFF;}

#footer1 {background-color:#252628; color:#FFF;}
#footer2 {color:#777;}

}


@media screen and (prefers-color-scheme: dark) and (max-width:600px) 
{

#tribaricon, #tribaricon::before, #tribaricon::after {background:#FFF;}

#calendarsmenu, #appsmenu, #moremenu {background-color:#252628;}
#calendarsmenu:hover, #appsmenu:hover, #moremenu:hover {background-color:#555;}

}