mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-14 20:23:53 +02:00
316 lines
5.6 KiB
CSS
316 lines
5.6 KiB
CSS
|
|
/*
|
|
Interesting advanced settings:
|
|
- zen.view.sidebar-collapsed.hide-mute-button => false
|
|
- browser.tabs.allow_transparent_browser => false
|
|
- zen.workspaces.show-workspace-indicator => false
|
|
- zen.urlbar.replace-newtab
|
|
*/
|
|
|
|
/* ----- Typeahead Find ----- */
|
|
|
|
/* Open full find with all options */
|
|
.findbar-container > checkbox[hidden] {
|
|
display: flex !important;
|
|
}
|
|
|
|
/* ----- Urlbar ----- */
|
|
|
|
/* Center url in (non floating) urlbar */
|
|
#urlbar-input:not([aria-expanded="true"]) {
|
|
text-align: center !important;
|
|
}
|
|
|
|
/* ----- Mute Tab Button ----- */
|
|
|
|
/* Resize */
|
|
.tab-icon-overlay {
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
}
|
|
|
|
/* Reposition */
|
|
.tab-icon-overlay {
|
|
top: -8px !important;
|
|
right: -6px !important;
|
|
}
|
|
|
|
/* ----- Close Tab Button ----- */
|
|
|
|
/* Close tab button in the style of the mute button */
|
|
:root:not([zen-sidebar-expanded]) tab:hover .tab-close-button {
|
|
display: inline-flex !important;
|
|
|
|
width: 0.1px !important;
|
|
height: 0.1px !important;
|
|
padding: 0.02px !important;
|
|
transform: scale(140);
|
|
|
|
position: relative;
|
|
top: -9px;
|
|
right: 2.5px;
|
|
|
|
background: #ffffff;
|
|
margin-inline: 0 !important;
|
|
}
|
|
|
|
:root:not([zen-sidebar-expanded]) tab:hover .tab-close-button:hover {
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
/* Rescale */
|
|
:root:not([zen-sidebar-expanded]) tab:hover .tab-close-button {
|
|
transform: scale(140);
|
|
}
|
|
|
|
/* Reposition */
|
|
:root:not([zen-sidebar-expanded]) tab:hover .tab-close-button {
|
|
top: -9px;
|
|
right: 2.5px;
|
|
}
|
|
|
|
/* ----- Clean up spacing ----- */
|
|
|
|
/* Add vertical spacing around the toolbar */
|
|
:root:not([zen-single-toolbar]) #zen-appcontent-navbar-container {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
/* Horizontally align the toolbar */
|
|
:root:not([zen-sidebar-expanded]) #nav-bar {
|
|
margin-left: 0 !important;
|
|
}
|
|
|
|
:root:not([zen-sidebar-expanded]) #PersonalToolbar,
|
|
:root:not([zen-right-side="true"]) #PersonalToolbar {
|
|
padding-inline-start: 0px !important;
|
|
}
|
|
|
|
:root:not([zen-compact-mode="true"]) #PersonalToolbar {
|
|
padding-inline-end: 0px !important;
|
|
}
|
|
|
|
#nav-bar #PanelUI-button:last-of-type toolbarbutton {
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
#nav-bar #nav-bar-overflow-button {
|
|
padding-right: 0px !important;
|
|
}
|
|
|
|
/* Add horizontal spacing around the sidebar */
|
|
:root:not([zen-sidebar-expanded]) {
|
|
--zen-toolbox-padding: 5px !important;
|
|
}
|
|
|
|
:root[zen-right-side="true"] #zen-tabbox-wrapper {
|
|
padding-right: 2px;
|
|
}
|
|
|
|
:root:not([zen-right-side="true"]) #zen-tabbox-wrapper {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
/* Vertically align the sidebar */
|
|
#zen-main-app-wrapper:has(#PersonalToolbar[collapsed="true"]) {
|
|
--personal-toolbar-height: 0px;
|
|
}
|
|
|
|
#zen-main-app-wrapper:has(#PersonalToolbar[collapsed="false"]) {
|
|
--personal-toolbar-height: 28px;
|
|
}
|
|
|
|
:root:not([zen-single-toolbar]):not([zen-sidebar-expanded]) #navigator-toolbox {
|
|
padding-top: calc(8px + var(--personal-toolbar-height)) !important;
|
|
}
|
|
|
|
:root:not([zen-single-toolbar])[zen-sidebar-expanded] #zen-sidebar-top-buttons {
|
|
margin-bottom: calc(4px + var(--personal-toolbar-height)) !important;
|
|
}
|
|
|
|
/* Add small spacing on the right of the window buttons */
|
|
.titlebar-buttonbox-container {
|
|
padding-right: 4px;
|
|
}
|
|
|
|
/* ----- Hide Anything ----- */
|
|
|
|
/*
|
|
#back-button {
|
|
display: none;
|
|
}
|
|
|
|
#forward-button {
|
|
display: none;
|
|
}
|
|
|
|
#identity-box {
|
|
display: none;
|
|
}
|
|
|
|
.urlbar-input-box {
|
|
padding-left: 6px;
|
|
}
|
|
|
|
#nav-bar {
|
|
margin-left: 0 !important;;
|
|
}
|
|
|
|
#tracking-protection-icon-container {
|
|
display: none;
|
|
}
|
|
|
|
#unified-extensions-button {
|
|
display: none;
|
|
}
|
|
|
|
#PanelUI-menu-button {
|
|
display: none;
|
|
}
|
|
|
|
.titlebar-min {
|
|
display: none;
|
|
}
|
|
|
|
.titlebar-restore {
|
|
display: none;
|
|
}
|
|
|
|
.titlebar-close {
|
|
display: none;
|
|
}
|
|
|
|
#contextual-feature-recommendation {
|
|
display: none;
|
|
}
|
|
|
|
#userContext-label {
|
|
display: none;
|
|
}
|
|
|
|
#userContext-indicator {
|
|
display: none;
|
|
}
|
|
*/
|
|
#userContext-icons {
|
|
display: none;
|
|
}
|
|
/*
|
|
#reader-mode-button {
|
|
display: none;
|
|
}
|
|
|
|
#picture-in-picture-button {
|
|
display: none;
|
|
}
|
|
|
|
#translations-button {
|
|
display: none;
|
|
}
|
|
|
|
#shopping-sidebar-button {
|
|
display: none;
|
|
}
|
|
|
|
#urlbar-zoom-button {
|
|
display: none;
|
|
}
|
|
|
|
#pageActionButton {
|
|
display: none;
|
|
}
|
|
|
|
#zen-split-views-button {
|
|
display: none;
|
|
}
|
|
|
|
#star-button-box {
|
|
display: none;
|
|
} */
|
|
|
|
/* remove workspace button from toolbar */
|
|
/* #zen-workspaces-button {
|
|
display: none !important;
|
|
} */
|
|
|
|
/* hide pinned tab reset button */
|
|
/* .tab-reset-button {
|
|
display: none !important;
|
|
} */
|
|
|
|
/* hide close tab button */
|
|
/* .tab-close-button {
|
|
display: none !important;
|
|
} */
|
|
|
|
.tab-icon-pending {
|
|
/* display: none !important; */
|
|
}
|
|
|
|
.tab-throbber {
|
|
/* display: none !important; */
|
|
}
|
|
|
|
.tab-icon-image[sharing] {
|
|
/* animation: none !important; */
|
|
}
|
|
|
|
.tab-sharing-icon-overlay {
|
|
/* display: none !important; */
|
|
}
|
|
|
|
.tab-icon-overlay {
|
|
/* display: none !important; */
|
|
}
|
|
|
|
.tab-icon-stack {
|
|
/* display: none !important; */
|
|
}
|
|
|
|
.tab-content {
|
|
/* background: none !important; */
|
|
/* padding-left: 10px !important; */
|
|
}
|
|
|
|
/* ----- WIP macos window buttons ----- */
|
|
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-buttonbox {
|
|
padding-right: 12px;
|
|
|
|
display: flex !important;
|
|
align-items: center;
|
|
gap: 6px;
|
|
} */
|
|
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-button {
|
|
padding: 0 !important;
|
|
|
|
height: 14px;
|
|
width: 14px;
|
|
|
|
border-radius: 100%;
|
|
background: #aaaaaa !important;
|
|
} */
|
|
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-min:hover {
|
|
background: #1aab29 !important;
|
|
}
|
|
*/
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-restore:hover {
|
|
background: #ffbd2e !important;
|
|
}
|
|
*/
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-close:hover {
|
|
background: #e0443e !important;
|
|
}
|
|
*/
|
|
/* macos inspired window buttons */
|
|
/* .titlebar-button .toolbarbutton-icon {
|
|
display: none !important;
|
|
} */
|