mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Merge pull request #1466 from Tanay-Kar/patch-3
This commit is contained in:
commit
2d9c7c0b30
2 changed files with 53 additions and 52 deletions
|
@ -1080,10 +1080,10 @@
|
|||
"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",
|
||||
"version": "1.1.0",
|
||||
"tags": [],
|
||||
"createdAt": "2024-12-21",
|
||||
"updatedAt": "2025-01-26"
|
||||
"updatedAt": "2025-05-05"
|
||||
},
|
||||
"2bbe4f0d-f7af-460b-86de-cda893357813": {
|
||||
"id": "2bbe4f0d-f7af-460b-86de-cda893357813",
|
||||
|
|
|
@ -1,54 +1,55 @@
|
|||
@media (-moz-bool-pref: "zen.view.use-single-toolbar") {
|
||||
#zen-appcontent-wrapper {
|
||||
position: relative !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#zen-appcontent-wrapper::before {
|
||||
.browserSidebarContainer.deck-selected::before {
|
||||
content: "" !important;
|
||||
position: absolute !important;
|
||||
top: 2px !important;
|
||||
left: 6px !important;
|
||||
height: 4px !important;
|
||||
max-width: calc(100% - 16px) !important;
|
||||
width: var(--bar-pcent) !important;
|
||||
background-color: var(--bar-colour) !important;
|
||||
border-radius: 4px;
|
||||
pointer-events: none !important;
|
||||
transition:
|
||||
background-color 0.2s ease-in-out,
|
||||
width 0.5s ease-in-out !important;
|
||||
top: 0px !important;
|
||||
left: 0px !important;
|
||||
height: 4px !important; /* Height of the top background */
|
||||
max-width: 100% !important;
|
||||
width: var(--bar-pcent) !important; /* Ensure full width or customizable width */
|
||||
background-color: var(--bar-colour) !important; /* Solid color for the bar */
|
||||
border-radius: 0 2px 2px 0; /* Adjust this value to control the roundness of the ends */
|
||||
z-index: 1 !important;
|
||||
transition: width 0.5s ease-in-out, background 0.2s ease !important; /* Apply smooth transition on width and background */
|
||||
} /* Current tab loading progress and muted status */
|
||||
|
||||
|
||||
.browserSidebarContainer.deck-selected:has([zen-glance-selected])::before,
|
||||
.browserSidebarContainer.deck-selected.zen-glance-overlay::before {
|
||||
max-width: calc(85%) !important;
|
||||
left: calc(15%/2) !important;
|
||||
border-radius: 6px !important;
|
||||
}
|
||||
|
||||
#main-window {
|
||||
.browserSidebarContainer.deck-selected.zen-glance-background::before {
|
||||
background: transparent !important;
|
||||
height: 0px !important;
|
||||
}
|
||||
|
||||
:root {
|
||||
&:has(.tabbrowser-tab[selected][busy]) {
|
||||
--bar-colour: white;
|
||||
--bar-pcent: 10%;
|
||||
--bar-colour: var(--zen-primary-color);
|
||||
--bar-pcent: 15%;
|
||||
}
|
||||
|
||||
&:has(.tabbrowser-tab[selected][busy][pendingicon]) {
|
||||
--bar-colour: white;
|
||||
--bar-pcent: 50%;
|
||||
--bar-colour: var(--zen-primary-color);
|
||||
--bar-pcent: 45%;
|
||||
}
|
||||
|
||||
&:has(.tabbrowser-tab[selected][busy][pendingicon][progress]) {
|
||||
--bar-colour: white;
|
||||
--bar-pcent: 80%;
|
||||
--bar-colour: var(--zen-primary-color);
|
||||
--bar-pcent: 85%;
|
||||
}
|
||||
|
||||
&:has(.tabbrowser-tab[selected][busy][progress]) {
|
||||
--bar-colour: white;
|
||||
--bar-pcent: 100%;
|
||||
--bar-colour: var(--zen-primary-color);
|
||||
--bar-pcent: 95%;
|
||||
}
|
||||
|
||||
&:has(.tabbrowser-tab[selected][muted]:not([busy])) {
|
||||
--bar-colour: orangered;
|
||||
--bar-pcent: 100%;
|
||||
}
|
||||
|
||||
&:has(.tabbrowser-tab[selected]:not([muted]):not([busy])) {
|
||||
--bar-colour: transparent;
|
||||
--bar-pcent: 0%;
|
||||
.browserSidebarContainer.deck-selected::before {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue