hunk.code_window:     networks:
         - immich-test-network
     immich-database-test:
       container_name: immich-database-test
       image: postgres:14
       env_file:
         - .env.test
       environment:
         POSTGRES_PASSWORD: ${DB_PASSWORD}
         POSTGRES_USER: ${DB_USERNAME}
  
hunk.labels: keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:     image: postgres:14-alpine@sha256:28407a9961e76f2d285dc6991e8e48893503cc3836a4755bbc2d40bcc272a441
  
hunk.file_path: docker/docker-compose.test.yml
hunk.type: replace
file: <script lang="ts">
  	import { browser } from '$app/environment';
  	import { colorTheme } from '$lib/stores/preferences.store';
  	import IconButton from '../elements/buttons/icon-button.svelte';
  
  	const toggleTheme = () => {
  		$colorTheme = $colorTheme === 'dark' ? 'light' : 'dark';
  	};
  
  	$: {
  		if (browser) {
  			if ($colorTheme === 'light') {
  				document.documentElement.classList.remove('dark');
  			} else {
  				document.documentElement.classList.add('dark');
  			}
  		}
  	}
  </script>
  
  <IconButton on:click={toggleTheme} title="Toggle theme">
  	{#if $colorTheme === 'light'}
  		<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
  			><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" /></svg
  		>
  	{:else}
  		<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
  			><path
  				d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
  				fill-rule="evenodd"
  				clip-rule="evenodd"
  			/></svg
  		>
  	{/if}
  </IconButton>
  