New Tab Notification

[12th-devs]

@keyframes fadeInOut {
    0% { opacity: 0%; }
    10% { opacity: 100%; }
    90% { opacity: 100%; }
    100% { opacity: 0%; }
	 
}

:has(tab[unread]) #zen-tabbox-wrapper::before {
    position: absolute !important;
    width: max-content !important;
    height: max-content !important;
    background: var(--panel-background) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    right: 1% !important;
    top: 1% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; 
    padding: 3px 7px 3px 7px !important;
    font-size: 15px !important; 
    z-index: 999999 !important;
    border-radius: 6px !important;
    content: "New tab created! ✔️" !important;
    animation: fadeInOut 1.5s ease-in-out !important;
}

This is for when you use the middle click to open in a new tab. Sadly I was unable to get it to work when you create multiple new tabs, so you will have to click on the newly opened tab to be able to play the animation again, but it will play as an indicator.