@media (prefers-color-scheme: dark) {
  body {
		color: #eee;
		background: #000;
	
		border-color: #a0a0a0;
  }
  
  a, a:link, a:active, a:visited, a:hover {
		color: #eee;
  }
	
	input:focus {
		outline: none;
	}
	
	.bg-light {
		background-color: transparent !important;
	}
	
	.loader {
		background-image: url(images/loader_dark.gif);
	}
	
	.search input[type=text] {	
		background-image: url('images/logo_dark.png');
	}
	
	.name input, .targets input, .pointvalue input, .id input {
		color: #FFF;
	}
  
  .sidebar a, .sidebar a:link, .sidebar a:active, .sidebar a:visited {
		color: #AAA;
  }
  
  .sidebar a:hover {
		color: #EEE;
  }
  
  .box {
		background: rgba(255,255,255,0.2);
  }
	
	.attribute_popup, .combat_popup, .powers_popup, .click_popup {
		border-color: #000;
		background-color: rgba(0,0,0,0.8);
		color: #FFF;
	}
	
	.misc {
		background-image: url(images/set_logos/default_dark.png);
	}
	
	.rank_type:hover, .power_select:hover, .attribute_select:hover, .dial_type:hover {
		background: rgba(148,24,255,0.3);
		cursor: pointer;
	}
  
  .bolt {
		background: url('images/target_bolt_dark.png') !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
  }
  
  .bolts_3 {
	  background: url('images/target_bolts_3_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	
  .bolts_2 {
	  background: url('images/target_bolts_2_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}

  .bolts_1 {
	  background: url('images/target_bolts_1_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	
	.die1 {
		background-image: url(images/die13x_dark.png);
	}
	.die2 {
		background-image: url(images/die23x_dark.png);
	}
	.die3 {
		background-image: url(images/die33x_dark.png);
	}
	.die4 {
		background-image: url(images/die43x_dark.png);
	}
	.die5 {
		background-image: url(images/die53x_dark.png);
	}
	.die6 {
		background-image: url(images/die63x_dark.png);
	}
  
  .search input[type=text] {
		background-color: rgba(255,255,255,0.2);
		color: #FFF;
  }
	
	.pointvalue .experienced_click {
		color: #3533f1;
		font-weight: bold;
	}
  
  .container .sidebar {
	
	a, a:link, a:visited, a:active {
	  color: #999;
	  text-decoration: none;
	}
	
	a:hover {
	  color: #FFF;
	}
  }
  
  .top .khw button {
	  color: #FFF;
  }
  
  .top .khw .item {
	  color: #FFF;
  }
  
  .black_text .bolt {
	background-image: url('images/target_bolt.png') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
  }
  
  .black_text .bolts_3 {
	  background-image: url('images/target_bolts_3.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
  .black_text .bolts_2 {
	  background-image: url('images/target_bolts_2.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
  .black_text .bolts_1 {
	  background: url('images/target_bolts_1.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	
  .base_2x2 {
	  background-image: url('images/base_type/base2x23x_dark.png');
	  color: black;
	}
	
  .base_2x4 {
	  background-image: url('images/base_type/base2x43x_dark.png');
	  color: black;
	}
	
  .base_6x3 {
	  background-image: url('images/base_type/base6x33x_dark.png');
	  color: black;
	}
  
  .black_text .top .khw .item, .black_text .top .khw button {
	color: #000 !important;
  }
  
  .keyword {
	  border-color: rgba(255,255,255,0.4) !important;
  }
	
	.passengers {
		background-image: url('images/passengers3x_dark.png') !important;
	}
	
	.one_shot {
		background-image: url('images/one_shot_dark.png') !important;
	}
	
	.trait {
		background-image: url('images/trait3x_dark.png') !important;
	}
	
	.add {
		background-image: url('images/add_dark.png') !important;
	}
	
	.remove {
		background-image: url('images/remove_dark.png') !important;
	}
	
	.improved {
		background-image: url('images/improved3x_dark.png') !important;
	}
	
	.cardboard {
		background-image: url('images/base_type/cardboard3x_dark.png') !important;
	}
	
	.bystander {
		background-image: url('images/base_type/bystander3x_dark.png') !important;
	}
	
	.elevated {
		background-image: url('images/elevated3x_dark.png') !important;
	}
	
	.hindering {
		background-image: url('images/hindering3x_dark.png') !important;
	}
	
	.destroyblocking {
		background-image: url('images/destroyblocking3x_dark.png') !important;
	}
	
	.normal {
		background-image: url('images/base_type/normal3x_dark.png') !important;
	}
	
	.base2x2 {
		background-image: url('images/base_type/base2x23x_dark.png') !important;
	}
	
	.double {
		background-image: url('images/base_type/double3x_dark.png') !important;
	}
	
	.combat_speed, .combat_ {
		background-image: url('images/combat/speed3x_dark.png') !important;
	}
	
	.combat_wing {
		background-image: url('images/combat/wing3x_dark.png') !important;
	}
	
	.combat_dolphin {
		background-image: url('images/combat/dolphin3x_dark.png') !important;
	}
	
	.combat_transport, .combat_speed_transport {
		background-image: url('images/combat/transport3x_dark.png') !important;
	}
	
	.combat_wing_transport {
		background-image: url('images/combat/wing_transport3x_dark.png') !important;
	}
	
	.combat_dolphin_transport {
		background-image: url('images/combat/dolphin_transport3x_dark.png') !important;
	}
	
	.combat_attack {
		background-image: url('images/combat/attack3x_dark.png') !important;
	}
	
	.combat_duo {
		background-image: url('images/combat/duo3x_dark.png') !important;
	}
	
	.combat_sharpshooter {
		background-image: url('images/combat/sharpshooter3x_dark.png') !important;
	}
	
	.combat_team {
		background-image: url('images/combat/team3x_dark.png') !important;
	}
	
	.combat_autonomous {
		background-image: url('images/combat/autonomous3x_dark.png') !important;
	}
	
	.combat_defense {
		background-image: url('images/combat/defense3x_dark.png') !important;
	}
	
	.combat_indomitable {
		background-image: url('images/combat/indomitable3x_dark.png') !important;
	}
	
	.combat_damage {
		background-image: url('images/combat/damage3x_dark.png') !important;
	}
	
	.combat_giant {
		background-image: url('images/combat/giant3x_dark.png') !important;
	}
	
	.combat_colossal {
		background-image: url('images/combat/colossal3x_dark.png') !important;
	}
	
	.combat_tiny {
		background-image: url('images/combat/tiny3x_dark.png') !important;
	}
	
	.combat_vehicle {
		background-image: url('images/combat/vehicle3x_dark.png') !important;
	}
	
	.improvements {
		.movement {background-image: url('images/movement3x_dark.png') !important;}
		.characters {background-image: url('images/characters3x_dark.png') !important;}
		.friendly {background-image: url('images/friendly3x_dark.png') !important;}
		.opposing {background-image: url('images/opposing3x_dark.png') !important;}
		.bases {background-image: url('images/bases3x_dark.png') !important;}
		.basesadj {background-image: url('images/basesadj3x_dark.png') !important;}
		.targeting {background-image: url('images/targeting3x_dark.png') !important;}
		.elevated {background-image: url('images/elevated3x_dark.png') !important;}
		.hindering {background-image: url('images/hindering3x_dark.png') !important;}
		.destroyblocking {background-image: url('images/destroyblocking3x_dark.png') !important;}
		.indoorblocking {background-image: url('images/indoorblocking3x_dark.png');}
		.outdoorblocking {background-image: url('images/outdoorblocking3x_dark.png');}
		.blocking {background-image: url('images/blocking3x_dark.png');}
	}
	
	.des_targeting {
		border-top: 1px solid rgba(255,255,255,0.4);
	}
	
	input:not(.dial input, .ta_search), textarea {
		color: #FFFFFF;
	}
	
	.black_text input:not(.dial input) {
		color: #000;
	}
	
	.bottom .card {
		color: #FFF;
	}
	
	.loader {
		background-image: url(images/loader_dark.gif);
	}
	
	.keyword {
		background-color: rgba(255,255,255,0.2);
		border: 1px solid rgba(255,255,255,0.4);
	}
	
	#txtAddName, #txtAddAb, #txtAddPath {
		color: #FFF;
		background: rgba(0,0,0,0.9);
	}
	
	#txtAddAb:disabled {
		background-color: rgba(255,255,255,0.1);
		color: rgba(255,255,255,0.6);
	}
	
  .black_text {
		color: #000;
		
		.improvements {
			.movement {background-image: url('images/movement3x.png') !important;}
			.characters {background-image: url('images/characters3x.png') !important;}
			.friendly {background-image: url('images/friendly3x.png') !important;}
			.opposing {background-image: url('images/opposing3x.png') !important;}
			.bases {background-image: url('images/bases3x.png') !important;}
			.basesadj {background-image: url('images/basesadj3x.png') !important;}
			.targeting {background-image: url('images/targeting3x.png') !important;}
			.elevated {background-image: url('images/elevated3x.png') !important;}
			.hindering {background-image: url('images/hindering3x.png') !important;}
			.destroyblocking {background-image: url('images/destroyblocking3x.png') !important;}
			.indoorblocking {background-image: url('images/indoorblocking3x.png');}
			.outdoorblocking {background-image: url('images/outdoorblocking3x.png');}
			.blocking {background-image: url('images/blocking3x.png');}
		}
		
		.loader {
			background-image: url(images/loader.gif);
		}
		
		.one_shot {
			background-image: url('images/one_shot.png') !important;
		}
		
	  .trait {
		  background-image: url('images/trait3x.png') !important;
	  }
		
		.add {
			background-image: url('images/add.png') !important;
		}
		
		.remove {
			background-image: url('images/remove.png') !important;
		}
	  
	  .improved {
			background-image: url('images/improved3x.png') !important;
	  }
	  
	  .cardboard {
		  background-image: url('images/base_type/cardboard3x.png') !important;
	  }
		
		.bystander {
			background-image: url('images/base_type/bystander3x.png') !important;
		}
	  
	  .base2x2 {
		  background-image: url('images/base_type/base2x23x.png') !important;
		  color: white !important;
	  }
	  
	  .base2x4 {
			background-image: url('images/base_type/base2x43x.png') !important;
			color: white !important;
		}
	  
	  .base6x3 {
			background-image: url('images/base_type/base6x33x.png') !important;
			color: white !important;
		}
	  
	  .double {
		  background: url('images/base_type/double3x.png') !important;
	  }
	  
	  .combat_speed, .combat_ {
		  background-image: url('images/combat/speed3x.png') !important;
	  }
	  
	  .combat_wing {
		  background-image: url('images/combat/wing3x.png') !important;
	  }
	  
	  .combat_dolphin {
		  background-image: url('images/combat/dolphin3x.png') !important;
	  }
	  
	  .combat_transport, .combat_speed_transport {
		  background-image: url('images/combat/transport3x.png') !important;
	  }
	  
	  .combat_wing_transport {
		  background-image: url('images/combat/wing_transport3x.png') !important;
	  }
	  
	  .combat_dolphin_transport {
		  background-image: url('images/combat/dolphin_transport3x.png') !important;
	  }
	  
	  .combat_attack {
		  background-image: url('images/combat/attack3x.png') !important;
	  }
	  
	  .combat_duo {
		  background-image: url('images/combat/duo3x.png') !important;
	  }
	  
	  .combat_sharpshooter {
		  background-image: url('images/combat/sharpshooter3x.png') !important;
	  }
	  
	  .combat_team {
		  background-image: url('images/combat/team3x.png') !important;
	  }
	  
	  .combat_autonomous {
		  background-image: url('images/combat/autonomous3x.png') !important;
	  }
	  
	  .combat_defense {
		  background-image: url('images/combat/defense3x.png') !important;
	  }
	  
	  .combat_indomitable {
		  background-image: url('images/combat/indomitable3x.png') !important;
	  }
	  
	  .combat_damage {
		  background-image: url('images/combat/damage3x.png') !important;
	  }
	  
	  .combat_giant {
		  background-image: url('images/combat/giant3x.png') !important;
	  }
	  
	  .combat_colossal {
		  background-image: url('images/combat/colossal3x.png') !important;
	  }
	  
	  .combat_tiny {
		  background-image: url('images/combat/tiny3x.png') !important;
	  }
	  
	  .combat_vehicle {
		  background-image: url('images/combat/vehicle3x.png') !important;
	  }
	  
	  .keyword {
		  border-color: rgba(0,0,0,0.4) !important;
	  }
	  
	  .passengers {
		  background-image: url('images/passengers3x.png') !important;
	  }
		.die1 {background-image: url(images/die13x.png);}
		.die2 {background-image: url(images/die23x.png);}
		.die3 {background-image: url(images/die33x.png);}
		.die4 {background-image: url(images/die43x.png);}
		.die5 {background-image: url(images/die53x.png);}
		.die6 {background-image: url(images/die63x.png);}
		
		input:not(.dial input), textarea {
			color: #000;
		}
  }
}

@media (prefers-color-scheme: light) {
	
	.white_text input:not(.dial input), .white_text textarea {
		color: #FFFFFF;
	}
	.white_text  .bolt {
	  background: url('images/target_bolt_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	.white_text  .bolts_3 {
	  background: url('images/target_bolts_3_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	.white_text  .bolts_2 {
	  background: url('images/target_bolts_2_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	.white_text  .bolts_1 {
	  background: url('images/target_bolts_1_dark.png') !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	}
	.white_text .top .khw button {
	  color: #FFF;
	}
	
	.white_text .des_targeting {
		border-top: 1px solid rgba(255,255,255,0.4);
	}
	
	.white_text {
		.improvements {
			.movement {background-image: url('images/movement3x_dark.png') !important;}
			.characters {background-image: url('images/characters3x_dark.png') !important;}
			.bases {background-image: url('images/bases3x_dark.png') !important;}
			.basesadj {background-image: url('images/basesadj3x_dark.png') !important;}
			.targeting {background-image: url('images/targeting3x_dark.png') !important;}
			.elevated {background-image: url('images/elevated3x_dark.png') !important;}
			.hindering {background-image: url('images/hindering3x_dark.png') !important;}
			.destroyblocking {background-image: url('images/destroyblocking3x_dark.png') !important;}
			.indoorblocking {background-image: url('images/indoorblocking3x_dark.png');}
			.outdoorblocking {background-image: url('images/outdoorblocking3x_dark.png');}
			.blocking {background-image: url('images/blocking3x_dark.png');}
		}
		
		.passengers {
			background-image: url('images/passengers3x_dark.png') !important;
		}
		
		.one_shot {
			background-image: url('images/one_shot_dark.png') !important;
		}
			
		.loader {
			background-image: url(images/loader_dark.gif);
		}
		
		.trait {
			background-image: url('images/trait3x_dark.png') !important;
		}
		
		.improved {
			background-image: url('images/improved3x_dark.png') !important;
		}
		
		.cardboard {
			background-image: url('images/base_type/cardboard3x_dark.png') !important;
		}
		
		.bystander {
			background-image: url('images/base_type/bystander3x_dark.png') !important;
		}
		
		.base2x2 {
			background-image: url('images/base_type/base2x23x_dark.png') !important;
			color: black !important;
		}
		
		.base2x4 {
			background-image: url('images/base_type/base2x43x_dark.png') !important;
			color: black !important;
		}
		
		.base6x3 {
			background-image: url('images/base_type/base6x33x_dark.png') !important;
			color: black !important;
		}
		
		.double {
			background: url('images/base_type/double3x_dark.png') !important;
		}
		
		.combat_speed, .combat_ {
			background-image: url('images/combat/speed3x_dark.png') !important;
		}
		
		.combat_wing {
			background-image: url('images/combat/wing3x_dark.png') !important;
		}
		
		.combat_dolphin {
			background-image: url('images/combat/dolphin3x_dark.png') !important;
		}
		
		.combat_transport, .combat_speed_transport {
			background-image: url('images/combat/transport3x_dark.png') !important;
		}
		
		.combat_wing_transport {
			background-image: url('images/combat/wing_transport3x_dark.png') !important;
		}
		
		.combat_dolphin_transport {
			background-image: url('images/combat/dolphin_transport3x_dark.png') !important;
		}
		
		.combat_attack {
			background-image: url('images/combat/attack3x_dark.png') !important;
		}
		
		.combat_duo {
			background-image: url('images/combat/duo3x_dark.png') !important;
		}
		
		.combat_sharpshooter {
			background-image: url('images/combat/sharpshooter3x_dark.png') !important;
		}
		
		.combat_team {
			background-image: url('images/combat/team3x_dark.png') !important;
		}
		
		.combat_autonomous {
			background-image: url('images/combat/autonomous3x_dark.png') !important;
		}
		
		.combat_defense {
			background-image: url('images/combat/defense3x_dark.png') !important;
		}
		
		.combat_indomitable {
			background-image: url('images/combat/indomitable3x_dark.png') !important;
		}
		
		.combat_damage {
			background-image: url('images/combat/damage3x_dark.png') !important;
		}
		
		.combat_giant {
			background-image: url('images/combat/giant3x_dark.png') !important;
		}
		
		.combat_colossal {
			background-image: url('images/combat/colossal3x_dark.png') !important;
		}
		
		.combat_tiny {
			background-image: url('images/combat/tiny3x_dark.png') !important;
		}
		
		.combat_vehicle {
			background-image: url('images/combat/vehicle3x_dark.png') !important;
		}
		
		.keyword {
			border-color: rgba(255,255,255,0.4) !important;
		}
		.die1 {background-image: url(images/die13x_dark.png);}
		.die2 {background-image: url(images/die23x_dark.png);}
		.die3 {background-image: url(images/die33x_dark.png);}
		.die4 {background-image: url(images/die43x_dark.png);}
		.die5 {background-image: url(images/die53x_dark.png);}
		.die6 {background-image: url(images/die63x_dark.png);}
	}
}