Add theme: Zen Paper Cut Theme (#422)

Co-authored-by: Dinno-DEV <Dinno-DEV@users.noreply.github.com>
This commit is contained in:
mauro 🤙 2024-09-24 09:45:45 +02:00 committed by GitHub
parent 0d05d697d5
commit 35e3c31e2e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 143 additions and 0 deletions

View file

@ -0,0 +1,137 @@
/* Makes the web page displayer true fullscreen edge to edge. */
:root:not([inDOMFullscreen="true"]):not([chromehidden~="location"]):not([chromehidden~="toolbar"]) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
width: -moz-available;
border-radius: 0px !important;
transform: translate3d(0, 0, 0);
position: relative;
--zen-webview-correction-margin: -1px;
margin-left: var(--zen-webview-correction-margin);
margin-top: var(--zen-webview-correction-margin);
--uc-tweak-rounded-corners-shadow-color: var(--zen-colors-border);
--uc-tweak-rounded-corners-shadow: 0 0 0 1px var(--uc-tweak-rounded-corners-shadow-color);
box-shadow: 0 0 0 0px transparent !important;
}
}
#tabbrowser-tabpanels {
padding: 0px !important;
}
@media (-moz-bool-pref: "zen.view.compact") {
:root:not([inDOMFullscreen="true"]) #tabbrowser-tabpanels {
padding: 0px !important;
}
}
@media (-moz-bool-pref: "zen.view.compact") {
:root:not([inDOMFullscreen="true"]) #tabbrowser-tabbox #tabbrowser-tabpanels {
padding-left: 0px !important;
}
}
/* Makes the Sidebar A box */
#zen-sidebar-web-panel-wrapper {
margin: 0px !important;
padding-right: 1px !important;
border-right: 1px solid var(--zen-colors-border) !important;
}
#zen-sidebar-web-panel {
border-radius: 0px !important;
box-shadow: 0 0 0 0px transparent !important;
}
#zen-sidebar-web-panel-wrapper:has(#zen-sidebar-web-panel[hidden="true"]) {
border-right: 0px none var(--zen-colors-border) !important;
}
#zen-sidebar-web-panel[pinned="true"] {
box-shadow: 0 0 0 1px var(--zen-colors-border) !important;
}
@media (-moz-bool-pref: "zen.view.compact") {
#zen-sidebar-web-panel-wrapper:not(:has(#zen-sidebar-web-panel[hidden="true"])), #sidebar-box:not([positionend="true"]) {
margin: 0px !important;
margin-right: 1.5px !important;
border-right: 0px none var(--zen-colors-border) !important;
padding-right: 0px !important;
}
#zen-sidebar-web-panel {
box-shadow: 0 0 0 1px var(--zen-colors-border) !important;
}
}
/* Adds the navigator tabs toolbox right-side line */
#zen-sidebar-splitter {
opacity: 1 !important;
background: transparent !important;
border-right: 1px solid var(--zen-colors-border) !important;
border-left: 0px none transparent !important;
}
#browser:has(#navigator-toolbox[zen-right-side="true"]) > #zen-sidebar-splitter {
border-right: 0px none transparent !important;
border-left: 1px solid var(--zen-colors-border) !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-right: 0px none transparent !important;
border-left: 1px solid var(--zen-colors-border) !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-right: 0px none transparent !important;
border-left: 0px none transparent !important;
}
}
/* minor OCD fix: pixel perfect center the tabs */
#titlebar {
border-radius: 0px !important;
}
#navigator-toolbox[zen-expanded="true"] #newtab-button-container {
margin: 0px !important;
}
#newtab-button-container {
margin-left: 1.5px !important;
}
@media (-moz-bool-pref: "zen.view.compact") {
#tabbrowser-arrowscrollbox {
padding-right: 1px !important;
}
#titlebar {
padding-top: 7px !important;
padding-bottom: 7px !important;
}
}
/* Adding the line on the navbar bar */
#zen-appcontent-navbar-container {
background: var(--zen-main-browser-background) !important;
z-index: 2 !important;
border-radius: 0px !important;
border-bottom: 1px solid var(--zen-colors-border) !important;
}
/* Shadows */
#zen-appcontent-navbar-container {
box-shadow: 0px 0px 10px hsla(0, 0%, 0%, 0.1);
}
@media (-moz-bool-pref: "zen.view.compact") {
#titlebar, #zen-appcontent-navbar-container {
box-shadow: 0 0px 10px hsla(0, 0%, 0%, 0.2);
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -0,0 +1,5 @@
# Zen Paper Cut Theme
Zen's interface be made pointy and boxy. Watchout for paper cuts!
![02](https://github.com/user-attachments/assets/0113dfd8-7054-4c6b-917e-226ae8d738ec)

View file

@ -0,0 +1 @@
{"id": "753c7518-237d-480a-abfd-1f42a7eabacc", "name": "Zen Paper Cut Theme", "description": "Zen's interface be made pointy and boxy. Watchout for paper cuts!", "homepage": "https://github.com/Dinno-DEV/zen-paper-cut-theme", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/753c7518-237d-480a-abfd-1f42a7eabacc/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/753c7518-237d-480a-abfd-1f42a7eabacc/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/753c7518-237d-480a-abfd-1f42a7eabacc/image.png", "author": "Dinno-DEV", "version": "1.0.0"}