Add theme: Pimp your PiP

This commit is contained in:
shldk 2025-02-07 00:27:16 +00:00 committed by GitHub
parent 6c78fae0d3
commit 9280a930b9
4 changed files with 95 additions and 0 deletions

View file

@ -0,0 +1,79 @@
.control-item.control-button {
background-color: rgba(0, 0, 0, 0) !important;
}
#close, #unpip {
fill: white !important;
padding: 5px !important;
top: 2px !important;
&:hover {
&::after {
display: none !important;
}
}
}
#close {
left: auto !important;
right: 5px !important;
}
#unpip {
left: 5px !important;
right: auto !important;
}
#controls {
margin: 0 !important;
height: 100% !important;
width: 100% !important;
transition: background-color 160ms linear;
&:hover {
background-color: rgba(0, 0, 0, 0.69) !important;
}
}
#controls-bottom-gradient {
display: none !important;
}
#controls-bottom {
display: flex;
flex-direction: column-reverse;
bottom: 5px !important;
}
/* progress bar */
.scrubber-no-drag {
display: flex !important;
margin: 0 !important;
height: 100% !important;
}
#scrubber::-moz-range-thumb {
width: 0 !important;
height: 0 !important;
border: none !important;
}
#scrubber {
height: 5px !important;
transition: all 160ms linear !important;
overflow: hidden;
padding: 0 !important;
border: 5px solid rgba(0, 0, 0, 0);
&:hover {
height: 8px !important;
}
}
#scrubber {
&::-moz-range-track, &::-moz-range-progress {
height: 100% !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

View file

@ -0,0 +1,2 @@
My collection of improvements to PiP inspired by we know which browser. Greatly improves look and feel.

View file

@ -0,0 +1,14 @@
{
"id": "599a1599-e6ab-4749-ab22-de533860de2c",
"name": "Pimp your PiP",
"description": "Collection of tweaks and upgrades to PiP",
"homepage": "",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/599a1599-e6ab-4749-ab22-de533860de2c/image.png",
"author": "shldk",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-02-07",
"updatedAt": "2025-02-07"
}