mirror of
https://github.com/zen-browser/theme-store.git
synced 2025-07-07 17:05:31 +02:00
Add theme: sleek border (#547)
* Add theme: sleek border * Add files via upload --------- Co-authored-by: Lumio4u <Lumio4u@users.noreply.github.com>
This commit is contained in:
parent
1f50fff341
commit
49f77d3f0c
4 changed files with 66 additions and 0 deletions
63
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css
Normal file
63
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css
Normal file
|
@ -0,0 +1,63 @@
|
|||
|
||||
:root {
|
||||
--sno-colors-border: #e8e8e80f;
|
||||
--sno-colors-border-hover: #3e3e3eb2;
|
||||
|
||||
#urlbar {
|
||||
transform-origin: right;
|
||||
transition: all 0.2s linear !important;
|
||||
--toolbarbutton-border-radius: 10px;
|
||||
--urlbarView-separator-color: var(--zen-colors-border);
|
||||
--urlbarView-hover-background: var(--toolbarbutton-hover-background);
|
||||
--urlbarView-highlight-background: var(--toolbarbutton-hover-background);
|
||||
border: 1px solid var(--sno-colors-border);
|
||||
border-radius: var(--toolbarbutton-border-radius);
|
||||
overflow: hidden;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
#urlbar:hover {
|
||||
border: 1px solid var(--sno-colors-border-hover);
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
top: 10%;
|
||||
}
|
||||
|
||||
#urlbar:is([focused], [open]) > #urlbar-background, #searchbar:focus-within {
|
||||
background: #000000e5;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
||||
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
|
||||
width: -moz-available;
|
||||
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
|
||||
transform: translate3d(0, 0, 0);
|
||||
position: relative;
|
||||
|
||||
--uc-tweak-rounded-corners-shadow-color: var(--sno-colors-border);
|
||||
|
||||
--uc-tweak-rounded-corners-shadow:
|
||||
0 0 0 1px var(--uc-tweak-rounded-corners-shadow-color);
|
||||
|
||||
box-shadow: var(--uc-tweak-rounded-corners-shadow) !important;
|
||||
|
||||
/* Use pseudo element overlay to simulate rounded corners, similar to the
|
||||
* tab corners, fixes bug with backdrop-filter. */
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
border-radius: inherit;
|
||||
/* Draw toolbar background on the negative corner space, then draw the
|
||||
* same shadow from the browser window on top. */
|
||||
box-shadow:
|
||||
var(--uc-tweak-rounded-corners-shadow, 0 0 transparent),
|
||||
0 0 0 16px var(--zen-main-browser-background) !important;
|
||||
clip-path: inset(0);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
BIN
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png
Normal file
BIN
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 23 KiB |
2
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md
Normal file
2
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md
Normal file
|
@ -0,0 +1,2 @@
|
|||
|
||||
semi-transparent borders for a modern, minimalist look
|
1
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/theme.json
Normal file
1
themes/bc25808c-a012-4c0d-ad9a-aa86be616019/theme.json
Normal file
|
@ -0,0 +1 @@
|
|||
{"id": "bc25808c-a012-4c0d-ad9a-aa86be616019", "name": "sleek border", "description": "Sleek Zen browser borders with subtle opacity for a refined, modern look.", "homepage": "", "style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css", "readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md", "image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png", "author": "Lumio4u", "version": "1.0.0"}
|
Loading…
Add table
Add a link
Reference in a new issue