From a792c6575ed653224fe5bc0738f2c5f647d311e0 Mon Sep 17 00:00:00 2001
From: Timothy Lee <etlee0802@gmail.com>
Date: Mon, 22 Dec 2025 10:42:31 +0000
Subject: [PATCH 1/8] Added translation using Weblate (Chinese (Traditional Han
 script))

---
 materialious/src/lib/i18n/locales/zh_Hant.json | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 materialious/src/lib/i18n/locales/zh_Hant.json

diff --git a/materialious/src/lib/i18n/locales/zh_Hant.json b/materialious/src/lib/i18n/locales/zh_Hant.json
new file mode 100644
index 00000000..0967ef42
--- /dev/null
+++ b/materialious/src/lib/i18n/locales/zh_Hant.json
@@ -0,0 +1 @@
+{}

From b9cad4422a797d9984752d59dbadbb91856dc028 Mon Sep 17 00:00:00 2001
From: Lenny Angst <lenny@familie-angst.ch>
Date: Mon, 22 Dec 2025 14:26:02 +0100
Subject: [PATCH 2/8] Make progress bar move smoother

Add a transition to the progress slider to make it move smoother in
between slider steps while playing the video. The steps were especially
noticeable when playing shorter videos.
---
 materialious/src/lib/components/Player.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index b03a256b..4af70801 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -974,7 +974,7 @@
 	{#if !hideControls}
 		<div id="player-controls">
 			<article class="round" style="width: 100%;padding: 0;height: 10px;">
-				<label class="slider max">
+				<label id="progress-slider" class="slider max">
 					{#key playerCurrentTime}
 						<input
 							oninput={handleTimeChange}
@@ -1297,6 +1297,10 @@
 		transition: opacity 2s ease;
 	}
 
+	#progress-slider > span {
+		transition: 0.25s;
+	}
+
 	#player-container:focus-within #player-controls,
 	#player-container:active #player-controls,
 	#player-container:hover #player-controls {

From add7eb9f30bcc56629ce89fcc376dd07d8e0cef1 Mon Sep 17 00:00:00 2001
From: Timothy Lee <etlee0802@gmail.com>
Date: Mon, 22 Dec 2025 10:43:43 +0000
Subject: [PATCH 3/8] Translated using Weblate (Chinese (Traditional Han
 script))

Currently translated at 1.0% (2 of 182 strings)

Translation: Materialious/Materialious
Translate-URL: https://toolate.othing.xyz/projects/materialious/materialious/zh_Hant/
---
 materialious/src/lib/i18n/locales/zh_Hant.json | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/i18n/locales/zh_Hant.json b/materialious/src/lib/i18n/locales/zh_Hant.json
index 0967ef42..37027b6a 100644
--- a/materialious/src/lib/i18n/locales/zh_Hant.json
+++ b/materialious/src/lib/i18n/locales/zh_Hant.json
@@ -1 +1,4 @@
-{}
+{
+    "enabled": "啟用",
+    "disabled": "停用"
+}

From 3be5f1c90bc732f4efef05c67a3f4dac30dd42f6 Mon Sep 17 00:00:00 2001
From: Lenny Angst <lenny@familie-angst.ch>
Date: Mon, 22 Dec 2025 13:30:16 +0000
Subject: [PATCH 4/8] Translated using Weblate (German)

Currently translated at 100.0% (182 of 182 strings)

Translation: Materialious/Materialious
Translate-URL: https://toolate.othing.xyz/projects/materialious/materialious/de/
---
 materialious/src/lib/i18n/locales/de.json | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/i18n/locales/de.json b/materialious/src/lib/i18n/locales/de.json
index 8e5e5fc7..4a147b6c 100644
--- a/materialious/src/lib/i18n/locales/de.json
+++ b/materialious/src/lib/i18n/locales/de.json
@@ -102,7 +102,17 @@
         "chapters": "Kapitel",
         "retryText": "Das Video konnte nicht geladen werden, wie möchtest du weiterfahren?",
         "youtubeJsLoading": "Das Video konnte nicht geladen werden, es wird mit lokalem Video-Fallback erneut versucht.",
-        "premiere": "Video wird verfügbar sein"
+        "premiere": "Video wird verfügbar sein",
+        "controls": {
+            "back": "Zurück",
+            "quality": "Qualität",
+            "auto": "Automatisch",
+            "playbackSpeed": "Wiedergabegeschwindigkeit",
+            "loop": "Schleife",
+            "on": "An",
+            "off": "Aus",
+            "language": "Sprache"
+        }
     },
     "layout": {
         "interface": "Benutzeroberfläche",

From f3e223931ef193e56dfdabe401b8cf3d06699251 Mon Sep 17 00:00:00 2001
From: Lenny Angst <lenny@familie-angst.ch>
Date: Mon, 22 Dec 2025 13:30:51 +0000
Subject: [PATCH 5/8] Translated using Weblate (Alemannic)

Currently translated at 100.0% (182 of 182 strings)

Translation: Materialious/Materialious
Translate-URL: https://toolate.othing.xyz/projects/materialious/materialious/gsw/
---
 materialious/src/lib/i18n/locales/gsw.json | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/materialious/src/lib/i18n/locales/gsw.json b/materialious/src/lib/i18n/locales/gsw.json
index 4c31b9bc..60867133 100644
--- a/materialious/src/lib/i18n/locales/gsw.json
+++ b/materialious/src/lib/i18n/locales/gsw.json
@@ -184,7 +184,17 @@
         "enableYoutubejsPerm": "Lokale Video-Fallback immer erlaube",
         "enableYoutubejsTemp": "Nutz eimalig de lokali Video-Fallback",
         "youtubeJsFallBack": "Lokale Video-Fallback wird gnutzt",
-        "premiere": "Video wird verfüegbar sii"
+        "premiere": "Video wird verfüegbar sii",
+        "controls": {
+            "back": "Zrugg",
+            "quality": "Qualität",
+            "auto": "Automatisch",
+            "playbackSpeed": "Widergabegschwindigkeit",
+            "loop": "Schleife",
+            "on": "Aa",
+            "off": "Uus",
+            "language": "Spraach"
+        }
     },
     "subscribe": "Abonniere",
     "invidiousLogin": "Bitte meld dich mit dim Invidious-Konto aa",

From 8ff6cdf4e0e2198500de6620e1978d018a260389 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 23 Dec 2025 16:51:42 +1300
Subject: [PATCH 6/8] Bump version

---
 materialious/android/app/build.gradle           | 4 ++--
 materialious/electron/materialious.metainfo.xml | 6 +++++-
 materialious/electron/package.json              | 2 +-
 materialious/package.json                       | 2 +-
 update_versions.py                              | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/materialious/android/app/build.gradle b/materialious/android/app/build.gradle
index 148758fd..54d6a7a1 100644
--- a/materialious/android/app/build.gradle
+++ b/materialious/android/app/build.gradle
@@ -7,8 +7,8 @@ android {
         applicationId "us.materialio.app"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 179
-        versionName "1.12.7"
+        versionCode 180
+        versionName "1.12.8"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.
diff --git a/materialious/electron/materialious.metainfo.xml b/materialious/electron/materialious.metainfo.xml
index a58770e5..47507260 100644
--- a/materialious/electron/materialious.metainfo.xml
+++ b/materialious/electron/materialious.metainfo.xml
@@ -76,7 +76,11 @@
     
     
     
-    <release version="1.12.7" date="2025-12-22">
+    
+    <release version="1.12.8" date="2025-12-23">
+      <url>https://github.com/Materialious/Materialious/releases/tag/1.12.8</url>
+    </release>
+<release version="1.12.7" date="2025-12-22">
       <url>https://github.com/Materialious/Materialious/releases/tag/1.12.7</url>
     </release>
 <release version="1.12.6" date="2025-12-22">
diff --git a/materialious/electron/package.json b/materialious/electron/package.json
index bd9f030f..91a7e468 100644
--- a/materialious/electron/package.json
+++ b/materialious/electron/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "Materialious",
-	"version": "1.12.7",
+	"version": "1.12.8",
 	"description": "Modern material design for Invidious.",
 	"author": {
 		"name": "Ward Pearce",
diff --git a/materialious/package.json b/materialious/package.json
index b5db1c46..12b4765b 100644
--- a/materialious/package.json
+++ b/materialious/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "materialious",
-	"version": "1.12.7",
+	"version": "1.12.8",
 	"private": true,
 	"scripts": {
 		"dev": "vite dev",
diff --git a/update_versions.py b/update_versions.py
index 6f931de8..361a431f 100644
--- a/update_versions.py
+++ b/update_versions.py
@@ -3,7 +3,7 @@ import os
 import re
 from datetime import datetime
 
-LATEST_VERSION = "1.12.7"
+LATEST_VERSION = "1.12.8"
 RELEASE_DATE = datetime.now().strftime("%Y-%-m-%d")  # Format: YYYY-M-D
 
 WORKING_DIR = os.path.join(os.path.dirname(os.path.realpath(__file__)), "materialious")

From 631c1680b7688762deeffba32e48a0ee36cfe531 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 23 Dec 2025 16:54:14 +1300
Subject: [PATCH 7/8] Use secondary button colors

---
 materialious/electron/package-lock.json       |  4 ++--
 materialious/src/lib/components/Player.svelte | 14 ++++++++------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/materialious/electron/package-lock.json b/materialious/electron/package-lock.json
index 74fb94ff..5226577c 100644
--- a/materialious/electron/package-lock.json
+++ b/materialious/electron/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "Materialious",
-	"version": "1.12.7",
+	"version": "1.12.8",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "Materialious",
-			"version": "1.12.7",
+			"version": "1.12.8",
 			"license": "MIT",
 			"dependencies": {
 				"@capacitor-community/electron": "^5.0.0",
diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index 4af70801..3b668530 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -954,7 +954,7 @@
 		</div>
 	{/if}
 	{#if !hideControls}
-		<p id="mobile-time" class="chip primary s">
+		<p id="mobile-time" class="chip secondary s">
 			{#if data.video.liveNow}
 				{$_('thumbnail.live')}
 			{:else}
@@ -966,7 +966,7 @@
 		{#if playerIsBuffering}
 			<progress class="circle large indeterminate" value="50" max="100"></progress>
 		{:else if !playerCurrentPlaybackState}
-			<button class="extra" onclick={toggleVideoPlaybackStatus}>
+			<button class="extra secondary" onclick={toggleVideoPlaybackStatus}>
 				<i>play_arrow</i>
 			</button>
 		{/if}
@@ -999,7 +999,7 @@
 
 			<nav>
 				<nav class="no-wrap">
-					<button onclick={toggleVideoPlaybackStatus}>
+					<button class="secondary" onclick={toggleVideoPlaybackStatus}>
 						<i>
 							{#if playerCurrentPlaybackState}
 								pause
@@ -1037,7 +1037,7 @@
 				<div class="max"></div>
 
 				<nav class="no-wrap">
-					<p class="chip primary m l" style="border: none;">
+					<p class="chip secondary m l" style="border: none;">
 						{#if data.video.liveNow}
 							{$_('thumbnail.live')}
 						{:else}
@@ -1045,7 +1045,7 @@
 						{/if}
 					</p>
 					{#if playerTextTracks && playerTextTracks.length > 0 && !data.video.liveNow}
-						<button>
+						<button class="secondary">
 							<i>closed_caption</i>
 							<menu class="no-wrap mobile" id="cc-menu" data-ui="#cc-menu">
 								<li
@@ -1070,7 +1070,7 @@
 							</menu>
 						</button>
 					{/if}
-					<button>
+					<button class="secondary">
 						<i>settings</i>
 						<menu class="no-wrap mobile" id="settings-menu">
 							{#if playerSettings !== 'root'}
@@ -1206,6 +1206,7 @@
 					</button>
 					{#if document.pictureInPictureEnabled}
 						<button
+							class="secondary"
 							onclick={() => {
 								(playerElement as HTMLVideoElement).requestPictureInPicture();
 							}}
@@ -1214,6 +1215,7 @@
 						</button>
 					{/if}
 					<button
+						class="secondary"
 						onclick={() => {
 							if (document.fullscreenElement) {
 								document.exitFullscreen();

From 056ec55d26da1bb0db7e4eeefa0974205e531e9a Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 23 Dec 2025 17:01:33 +1300
Subject: [PATCH 8/8] Added support for going back & forward by clicking on
 video

---
 materialious/src/lib/components/Player.svelte | 45 ++++++++++++++-----
 1 file changed, 35 insertions(+), 10 deletions(-)

diff --git a/materialious/src/lib/components/Player.svelte b/materialious/src/lib/components/Player.svelte
index 3b668530..7e130eee 100644
--- a/materialious/src/lib/components/Player.svelte
+++ b/materialious/src/lib/components/Player.svelte
@@ -886,10 +886,43 @@
 		playerTimelineTooltipVisible = true;
 	}
 
-	function handleMouseLeave(): void {
+	function handleMouseLeave() {
 		playerTimelineTooltipVisible = false;
 	}
 
+	function onVideoClick(
+		event: MouseEvent & {
+			currentTarget: EventTarget & HTMLDivElement;
+		}
+	) {
+		if (
+			event.target &&
+			event.target instanceof HTMLElement &&
+			event.target.id === 'player-center' &&
+			playerElement
+		) {
+			const container = event.currentTarget;
+
+			const rect = container.getBoundingClientRect();
+			const clickX = event.clientX - rect.left;
+			const width = rect.width;
+
+			if (clickX < width / 3) {
+				// Left third, back 10s
+				playerElement.currentTime = Math.max(0, playerElement.currentTime - 10);
+			} else if (clickX < (2 * width) / 3) {
+				// Middle third, toggle play/pause
+				toggleVideoPlaybackStatus();
+			} else {
+				// Right third, forward 10s
+				playerElement.currentTime = Math.min(
+					playerElement.duration,
+					playerElement.currentTime + 10
+				);
+			}
+		}
+	}
+
 	onDestroy(async () => {
 		if (Capacitor.getPlatform() === 'android') {
 			if (!$isAndroidTvStore) {
@@ -932,15 +965,7 @@
 	class:tv-contain-video={$isAndroidTvStore}
 	class:hide={showVideoRetry}
 	role="presentation"
-	onclick={(event) => {
-		if (
-			event.target &&
-			event.target instanceof HTMLElement &&
-			event.target.id === 'player-center'
-		) {
-			toggleVideoPlaybackStatus();
-		}
-	}}
+	onclick={onVideoClick}
 >
 	<video
 		controls={false}