diff --git a/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css new file mode 100644 index 00000000..e18e7348 --- /dev/null +++ b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css @@ -0,0 +1,10 @@ + +.pip-wrapper[position="top-right"] { + top: var(--pip-toggle-distanceFromVideoEdge) !important; + right: calc(var(--pip-icon-width-with-margins) + var(--pip-toggle-distanceFromVideoEdge)); +} + +.pip-wrapper[position="top-left"] { + top: var(--pip-toggle-distanceFromVideoEdge) !important; + left: var(--pip-toggle-distanceFromVideoEdge) !important; +} diff --git a/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png new file mode 100644 index 00000000..4fd92096 Binary files /dev/null and b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png differ diff --git a/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json new file mode 100644 index 00000000..bd03d1f7 --- /dev/null +++ b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json @@ -0,0 +1,24 @@ +[ + { + "property": "media.videocontrols.picture-in-picture.video-toggle.position", + "label": "Position", + "type": "dropdown", + "disabledOn": [], + "placeholder": "Select PiP position", + "defaultValue": "top-right", + "options": [ + { + "label": "Default", + "value": "right" + }, + { + "label": "Top Left", + "value": "top-left" + }, + { + "label": "Top Right", + "value": "top-right" + } + ] + } +] \ No newline at end of file diff --git a/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md new file mode 100644 index 00000000..1569b2ac --- /dev/null +++ b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md @@ -0,0 +1,2 @@ + +This Zen Browser mod makes watching videos easier by moving the Picture-in-Picture button to the top right or top left corner of the video. This simple tweak helps you keep the button out of the way and lets you choose where it feels most comfortable. diff --git a/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json new file mode 100644 index 00000000..ecac85d4 --- /dev/null +++ b/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json @@ -0,0 +1,15 @@ +{ + "id": "1deefdfb-7141-412e-b87b-e70fdf80057f", + "name": "Top PiP", + "description": "Move the PiP button to the top right or left corner of your videos.", + "homepage": "https://github.com/tolgaizdas/top-pip", + "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css", + "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md", + "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png", + "author": "tolgaizdas", + "version": "1.0.0", + "tags": [], + "createdAt": "2025-05-14", + "updatedAt": "2025-05-14", + "preferences": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json" +} \ No newline at end of file