mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-08 01:10:01 +02:00
Add theme: Load Bar
This commit is contained in:
parent
97b88a0f39
commit
2a69dd9b6e
4 changed files with 67 additions and 0 deletions
49
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/chrome.css
Normal file
49
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/chrome.css
Normal file
|
@ -0,0 +1,49 @@
|
||||||
|
|
||||||
|
@media (-moz-bool-pref: "zen.view.use-single-toolbar") {
|
||||||
|
#zen-appcontent-wrapper {
|
||||||
|
position: relative !important;
|
||||||
|
background-color: transparent !important; /* The rest of the div remains transparent */
|
||||||
|
}
|
||||||
|
|
||||||
|
#zen-appcontent-wrapper::before {
|
||||||
|
content: "" !important;
|
||||||
|
position: absolute !important;
|
||||||
|
top: 2px !important;
|
||||||
|
left: 6px !important;
|
||||||
|
height: 4px !important; /* Height of the top background */
|
||||||
|
max-width: calc(100% - 16px) !important; /* Adjust for margins */
|
||||||
|
width: var(--bar-pcent) !important; /* Ensure full width or customizable width */
|
||||||
|
background-color: var(--bar-colour) !important; /* Solid color for the bar */
|
||||||
|
border-radius: 4px; /* Adjust this value to control the roundness of the ends */
|
||||||
|
pointer-events: none !important;
|
||||||
|
transition: width 0.5s ease-in-out, background 0.2s ease-in !important; /* Apply smooth transition on width and background */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Current tab loading progress and muted status */
|
||||||
|
#main-window {
|
||||||
|
&:has(.tabbrowser-tab[selected][busy]) {
|
||||||
|
--bar-colour: white;
|
||||||
|
--bar-pcent: 15%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:has(.tabbrowser-tab[selected][busy][pendingicon]) {
|
||||||
|
--bar-colour: white;
|
||||||
|
--bar-pcent: 45%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:has(.tabbrowser-tab[selected][busy][pendingicon][progress]) {
|
||||||
|
--bar-colour: white;
|
||||||
|
--bar-pcent: 85%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:has(.tabbrowser-tab[selected][busy][progress]) {
|
||||||
|
--bar-colour: white;
|
||||||
|
--bar-pcent: 95%;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:has(.tabbrowser-tab[selected][muted]:not([busy])) {
|
||||||
|
--bar-colour: orangered;
|
||||||
|
--bar-pcent: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
BIN
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/image.png
Normal file
BIN
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 690 KiB |
4
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/readme.md
Normal file
4
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/readme.md
Normal file
|
@ -0,0 +1,4 @@
|
||||||
|
|
||||||
|
# Load Bar
|
||||||
|
|
||||||
|
Creates a sleek loading bar and mute status for single toolbar mode.
|
14
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/theme.json
Normal file
14
themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/theme.json
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
{
|
||||||
|
"id": "ae7868dc-1fa1-469e-8b89-a5edf7ab1f24",
|
||||||
|
"name": "Load Bar",
|
||||||
|
"description": "Creates a sleek loading bar and mute status for single toolbar mode.",
|
||||||
|
"homepage": "https://github.com/Tanay-Kar/Zen-Themes/tree/main/LoadBar",
|
||||||
|
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/chrome.css",
|
||||||
|
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/readme.md",
|
||||||
|
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/ae7868dc-1fa1-469e-8b89-a5edf7ab1f24/image.png",
|
||||||
|
"author": "Tanay-Kar",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"tags": [],
|
||||||
|
"createdAt": "2024-12-21",
|
||||||
|
"updatedAt": "2024-12-21"
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue