separate lights and photo

map.view.css

@@ -31,3 +31,13 @@
 	margin-left: auto;
 	padding: var(--mol_gap_block);
 }
+
+[hyoo_map_tiles_tile] {
+	filter: var(--mol_theme_image);
+}
+
+[hyoo_map_photo] {
+	[hyoo_map_tiles_tile] {
+		filter: none;
+	}
+}

map.view.tree

@@ -1,6 +1,6 @@
 $hyoo_map $mol_view
 	attr *
-		mol_theme <= theme \$mol_theme_light
+		hyoo_map_photo <= photo? false
 	tiles_options *
 		sketch \https://basemaps.cartocdn.com/rastertiles/voyager/{level}/{x}/{y}.png
 		photo \https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{level}/{y}/{x}
@@ -12,6 +12,7 @@ $hyoo_map $mol_view
 				<= Search $mol_search
 					query?val <=> query?val \
 					submit?event <=> search?event null
+				<= Lights $mol_lights_toggle
 				<= Photo $mol_check_icon
 					hint @ \Real Photos
 					checked?val <=> photo?val false

map.view.ts

@@ -87,9 +87,10 @@ namespace $.$$ {
 			return this.tiles_options()[ this.photo() ? 'photo' : 'sketch' ]
 		}
 
-		theme() {
-			return this.photo() ? '$mol_theme_dark' : '$mol_theme_light'
-		}
+		// theme() {
+		// 	if( this.photo() ) return '$mol_theme_dark'
+		// 	return this.$.$mol_lights() ? '$mol_theme_light' : '$mol_theme_dark'
+		// }
 
 	}
 }