Commit 26e25619 authored by Birte Kristina Friesel's avatar Birte Kristina Friesel
Browse files

Revert "detail page: use average image color for background"

This reverts commit 0e4badb2.
parent 0e4badb2
Loading
Loading
Loading
Loading
+3 −15
Original line number Diff line number Diff line
@@ -191,7 +191,7 @@ class Thumbnail:
        im = im.convert("RGB")
        im.save(self.thumbname, "JPEG")

        if args.with_detail_page:
        if args.with_detail_page and 0:
            self.average_color = im.resize((1, 1)).getpixel((0, 0))
            self.luminance = im.convert("L").getpixel((0, 0))

@@ -359,20 +359,8 @@ class Thumbnail:

    def to_detail_html(self, html_prefix, html_postfix):
        with open(f"{self.filename}.html", "w") as f:
            prefix = html_prefix.replace("<!-- $title -->", self.filename)
            r, g, b = self.average_color
            prefix = prefix.replace(
                "<html>", f"""<html style="background-color: #{r:02x}{g:02x}{b:02x}">"""
            )
            prefix = prefix.replace(
                "<body>", f"""<body style="background-color: #{r:02x}{g:02x}{b:02x}">"""
            )
            if self.luminance >= 127:
                prefix = prefix.replace("<!-- $theme -->", "light")
            else:
                prefix = prefix.replace("<!-- $theme -->", "dark")
            f.write(prefix)
            f.write(self.html.to_detail_html(self.filename, self.exif_tag))
            f.write(html_prefix.replace("<!-- $title -->", self.filename))
            f.write(self.html.to_detail_html(self.filename))
            f.write(html_postfix)


+25 −1
Original line number Diff line number Diff line
@@ -5,6 +5,30 @@
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href=".data/css/main.css"/>
	<link rel="stylesheet" type="text/css" href=".data/css/<!-- $theme -->.css" id="theme"/>
	<link rel="stylesheet" type="text/css" href=".data/css/light.css" id="theme"/>
	<script>
		function addStyleSheet(name, id) {
			var path = '.data/css/' + name + '.css';
			var old = document.getElementById(id);
			if (old && (old.href != path)) {
				old.href = path;
			}
		}
		var otherTheme = {
			'dark': 'light',
			'light': 'dark',
		};
		var currentTheme = localStorage.getItem('theme');
		if (!otherTheme.hasOwnProperty(currentTheme)) {
			currentTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
		}
		addStyleSheet(currentTheme, 'theme');

		function toggleTheme() {
			currentTheme = otherTheme[currentTheme] || 'light';
			localStorage.setItem('theme', currentTheme);
			addStyleSheet(currentTheme, 'theme');
		}
	</script>
</head>
<body>