diff --git a/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css new file mode 100644 index 00000000..6ed0fd27 --- /dev/null +++ b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/chrome.css @@ -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; + } + } +} diff --git a/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png new file mode 100644 index 00000000..fe843b1a Binary files /dev/null and b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/image.png differ diff --git a/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md new file mode 100644 index 00000000..45b92d30 --- /dev/null +++ b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/readme.md @@ -0,0 +1,2 @@ + +semi-transparent borders for a modern, minimalist look diff --git a/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/theme.json b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/theme.json new file mode 100644 index 00000000..5cc7f7d2 --- /dev/null +++ b/themes/bc25808c-a012-4c0d-ad9a-aa86be616019/theme.json @@ -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"} \ No newline at end of file