Add theme: Better Bookmark

This commit is contained in:
Gnkalk 2024-09-05 10:16:56 +00:00 committed by GitHub
parent 4fc8b0839e
commit dcc3a950c3
4 changed files with 70 additions and 0 deletions

View file

@ -0,0 +1,65 @@
#PersonalToolbar {
padding-block-end: .5rem !important;
padding-inline: 6px 12px !important;
.bookmark-item {
padding-inline: .5rem !important;
}
#PlacesChevron{
margin-inline: .5rem !important;
height: fit-content;
margin-block: auto !important;
image {
transform: rotateZ(90deg)
}
&[open] {
#PlacesChevronPopup{
opacity: 1;
left: -50rem;
}
}
#PlacesChevronPopup{
margin-top: 1rem !important;
padding-bottom: 1rem;
margin-block-end: 1rem !important;
padding-inline: .5rem 1rem !important;
opacity: .2;
transition: opacity 300ms ease-out;
}
}
#OtherBookmarks {
&[open] {
#OtherBookmarksPopup{
opacity: 1;
left: -50rem;
}
}
#OtherBookmarksPopup{
margin-top: .75rem !important;
padding-bottom: .75rem;
margin-block-end: 1rem !important;
padding-inline: .5rem 1rem !important;
opacity: .2;
transition: opacity 300ms ease-out;
}
}
#OtherBookmarks::before {
left: -.75rem;
position: relative;
content: "";
width: 1px;
background-color: color-mix(in srgb, var(--zen-primary-color) 35%, transparent 50%);
height: 100%;
}
}
@media (prefers-reduced-motion) {
#PlacesChevronPopup{
transition: none;
}
#OtherBookmarksPopup{
transition: none;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 349 KiB

View file

@ -0,0 +1,4 @@
If you toggle the bookmark bar, you see some issues like no margin between main window and bar and etc.
this theme fix this issues :)

View file

@ -0,0 +1 @@
{"id": "de7cb586-4bd6-4d2e-8a68-82c4a7da9f46", "name": "Better Bookmark", "description": "Make BookmarkBar better than before and match with Zen", "homepage": "", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/de7cb586-4bd6-4d2e-8a68-82c4a7da9f46/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/de7cb586-4bd6-4d2e-8a68-82c4a7da9f46/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/de7cb586-4bd6-4d2e-8a68-82c4a7da9f46/image.png", "author": "Gnkalk", "version": "1.0.0"}