theme-store/themes/753c7518-237d-480a-abfd-1f42a7eabacc/chrome.css
DinnoDEV ee81146457
Update theme: Zen paper cut theme (#555)
* 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>
2024-10-13 00:09:45 +02:00

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