Add theme: smaller zen toast popup

This commit is contained in:
lenzfliker 2025-05-09 21:58:38 +00:00 committed by GitHub
parent 2e27bdad86
commit 96e9928b3b
4 changed files with 52 additions and 0 deletions

View file

@ -0,0 +1,36 @@
#zen-toast-container {
top: calc(var(--zen-element-separation) * 6) !important;
:root:not([zen-right-side='true']) & {
right: calc(var(--zen-element-separation) * 2) !important;
}
:root[zen-right-side='true'] & {
left: calc(var(--zen-element-separation) * 2) !important;
}
& .zen-toast {
padding: 6px !important;
border-radius: 12px !important;
font-weight: 600 !important;
font-size: 12px !important;
box-shadow: 0px !important ;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
background: rgba(255, 255, 255, 0.2) !important;
color: color-mix(in srgb, var(--button-primary-color) 20%, transparent) !important;
& .description {
font-size: 10px !important;
}
}
& .zen-toast:hover {
background: var(--zen-primary-color) !important;
color: var(--button-primary-color) !important;
border: 1px solid rgba(0, 0, 0, 0.0) !important;
transition: 0.3s !important;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

View file

@ -0,0 +1,2 @@
Makes the 'New background tab opened!' toast popup notification less distracting and adds hover

View file

@ -0,0 +1,14 @@
{
"id": "e51b85e6-cef5-45d4-9fff-6986637974e1",
"name": "smaller zen toast popup",
"description": "Makes the 'New background tab opened!' toast popup notification less distracting and adds hover",
"homepage": "https://github.com/lenzfliker/zen-mods/tree/main/%5BMOD%5D%20smaller%20zen%20toast%20popup",
"style": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/chrome.css",
"readme": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/readme.md",
"image": "https://raw.githubusercontent.com/zen-browser/theme-store/main/themes/e51b85e6-cef5-45d4-9fff-6986637974e1/image.png",
"author": "lenzfliker",
"version": "1.0.0",
"tags": [],
"createdAt": "2025-05-09",
"updatedAt": "2025-05-09"
}