ZenBrowserMirrors/theme-store
1
0
Fork 0
mirror of https://github.com/zen-browser/theme-store.git synced 2025-07-07 00:45:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add theme: Top PiP

Browse source
This commit is contained in:
tolgaizdas 2025-05-14 23:59:06 +00:00 • committed by GitHub
parent ba690d1db4
commit 3d7b0bdcee
5 changed files with 51 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/chrome.css Normal file
View file

@ -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;
}

BIN
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/image.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 56 KiB

24
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/preferences.json Normal file
View file

@ -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"
}
]
}
]

2
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/readme.md Normal file
View file

@ -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.

15
themes/1deefdfb-7141-412e-b87b-e70fdf80057f/theme.json Normal file
View file

@ -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"
}