mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-15 04:33:54 +02:00
* 1.0.1-a.8 compatibility update
* Update theme.json
* Fixed sizing bug & cleans up bookmarks tab
---------
Co-authored-by: mr. m 🤙 <91018726+mauro-balades@users.noreply.github.com>
209 lines
No EOL
5.5 KiB
CSS
209 lines
No EOL
5.5 KiB
CSS
/* Makes Browser Tab Zooms edge to edge */
|
|
#tabbrowser-tabbox, #tabbrowser-tabpanels {
|
|
padding: 0px !important;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
#tabbrowser-tabpanels {
|
|
background: var(--zen-colors-border) !important;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
|
|
&:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels {
|
|
padding: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]):not([inDOMFullscreen="true"]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
|
& #tabbrowser-tabpanels {
|
|
:root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox:not([zen-right-side="true"])) & {
|
|
padding-left: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]):not([inDOMFullscreen="true"]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
|
|
&:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels {
|
|
padding-top: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact") {
|
|
:root:not([customizing]) {
|
|
@media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
|
|
& #tabbrowser-tabpanels {
|
|
:root:not([inDOMFullscreen="true"]) #browser:has(#navigator-toolbox[zen-right-side="true"]) & {
|
|
padding-right: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.browserSidebarContainer {
|
|
padding: 0px !important;
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
|
|
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer[zen-split-active="true"] {
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
padding: 0px !important;
|
|
}
|
|
}
|
|
|
|
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
|
|
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
|
|
box-shadow: none !important;
|
|
margin: 0px !important;
|
|
}
|
|
}
|
|
|
|
#tabbrowser-tabpanels:has(> [zen-split="true"]) {
|
|
--zen-split-row-gap: 1px !important;
|
|
--zen-split-column-gap: 1px !important;
|
|
}
|
|
|
|
|
|
/* Makes Zen Sidebar Boxy */
|
|
#zen-sidebar-add-panel-wrapper * {
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#zen-splitview-overlay {
|
|
padding: 0px !important;
|
|
margin: 0px !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper {
|
|
z-index: 2 !important;
|
|
margin: 0 !important;
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel {
|
|
box-shadow: 0 0 0 0px transparent !important;
|
|
border: none;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[hidden="true"]) {
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[pinned="true"]) {
|
|
margin: 10px !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-web-panel[pinned="true"] {
|
|
border-radius: 0px !important;
|
|
box-shadow: 0 0 0 1px var(--zen-colors-border) !important;
|
|
}
|
|
|
|
/* Make tab bar BOXY */
|
|
#navigator-toolbox {
|
|
border-radius: 0px !important;
|
|
padding-bottom: 6px !important;
|
|
}
|
|
|
|
#navigator-toolbox:not([zen-expanded="true"]) {
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-right-side="true"]:not([zen-expanded="true"]) {
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"] {
|
|
z-index: 3 !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"] #TabsToolbar {
|
|
border-top: 0px none transparent !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"]:not([zen-has-hover="true"]) {
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-user-hover="true"][zen-right-side="true"]:not([zen-has-hover="true"]) {
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
@media (-moz-bool-pref: "zen.view.compact"){
|
|
#navigator-toolbox:not([zen-expanded="true"]) {
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#navigator-toolbox[zen-right-side="true"]:not([zen-expanded="true"]) {
|
|
border-left: 0px none transparent !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
}
|
|
|
|
#TabsToolbar {
|
|
padding-top: 7px !important;
|
|
}
|
|
|
|
#zen-sidebar-splitter {
|
|
opacity: 1 !important;
|
|
background: transparent !important;
|
|
border-left: 0px none transparent !important;
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
#zen-tabbox-wrapper:has(#navigator-toolbox[zen-right-side="true"]) > #zen-sidebar-splitter {
|
|
border-left: 1px solid var(--zen-colors-border) !important;
|
|
border-right: 0px none transparent !important;
|
|
}
|
|
|
|
#zen-sidebar-icons-wrapper {
|
|
padding-bottom: 3px !important;
|
|
}
|
|
|
|
/* Make the nav bar BOXY */
|
|
#zen-appcontent-navbar-container {
|
|
padding-top: 3px !important;
|
|
border: 0px !important;
|
|
border-radius: 0px !important;
|
|
border-bottom: 1px solid var(--zen-colors-border) !important;
|
|
}
|
|
|
|
/* Bookmark clean up */
|
|
|
|
#zen-tabbox-wrapper {
|
|
& #sidebar-box {
|
|
border-radius: 0px !important;
|
|
margin: 0px !important;
|
|
margin-right: 4px !important;
|
|
overflow: hidden;
|
|
border: 0px !important;
|
|
border-right: 1px solid var(--zen-colors-border) !important;
|
|
background-color: transparent !important;
|
|
}
|
|
}
|
|
|
|
#sidebar-box * {
|
|
background-color: #0000 !important;
|
|
}
|
|
|
|
#sidebar-search-container, #bookmarks-view {
|
|
background-color: transparent !important;
|
|
} |