☰

Yahoo Mail - New Design [2025.07] (USw) v.74

For Yahoo New Mail (2027.7)

/* ==UserStyle==
@name        Yahoo Mail - New Design [2025.07] (USw) v.74
@namespace   https://greatest.deepsurf.us/en/users/8-decembre 
@version     74.0.0
@author      decembre
@description For Yahoo New Mail (2027.7)
@icon        https://external-content.duckduckgo.com/ip3/fr.aide.yahoo.com.ico
@license     unlicense
==/UserStyle== */

@-moz-document domain("mail.yahoo.com") {

/* 0- Yahoo Mail - New Design [2025.07] (USw) v.74 (new74) NEWDESIGN */

/* SUPP */
a[href^="https://api.taboola.com/2.0/json/yahoo-mail/recommendations.notify-click?"] ,
.ybar-menu-hover-open #ybar-inserted-content ,
li[style="top: 0px;"] [aria-labelledby="list.banner-cue-title"] {
    display: none !important;
}

/* (new74) EMAIL OPEN - TOP TOOLBAR SMALL */
#message-group-view > div[data-test-id="message-toolbar"]{
    display: flex;
    max-height: 3vh !important;
    min-height: 3vh !important;
    margin: 0 0px 0 0 !important;
    padding: 0 0 0 0 !important;
/*border: 1px solid red !important;*/
}

/* TEST - MAIL - UNREAD - INDICATOR */
[data-test-id="virtual-list-container"] [role="list"]  li:has([id^="unread-message-status-"]):has([id^="email-snippet-"]) {
    position: absolute;
    background: #022d24  !important;
/*border-right: 3px dashed red !important;*/
}
[data-test-id="virtual-list-container"] [role="list"]  li:has([id^="unread-message-status-"]):has([id^="email-snippet-"])  span[id^="unread-message-status-"].sr-only.sr-only {
    position: absolute;
    clip: unset !important;
    height: 8px;
    width: 8px;
    left: 10px !important;
    top: auto;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    font-size: 0 !important;
    overflow: hidden;
    border-radius: 100% !important;
background: red  !important;
}


/* (new74) MSG - EMAIL DELETED */
[role="status"][aria-live="polite"]:not(:empty) > div {
    position: fixed  !important;
    top: 5vh !important;
    margin: 0 0px 0 0 !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
/*background: green !important;*/
/*border: 1px solid red !important;*/
}
#Atom .group:hover > .group-hover-flex {
    position: absolute !important;
    display: flex !important;
border: 1px solid red !important;
}

[data-test-id="virtual-list-container"] li:hover > div > div:has(span[role="checkbox"]) {
    width: auto !important;
    padding: 0px !important;
    border-radius : 5px 0 0 5px !important;
border: 1px solid red !important;
}

/* (new74) YAHOO RAPEL- INDICATOR */
[data-test-id="virtual-list-container"] li:has([title="Yahoo rappel"]) [id^="email-subject-"]:before {
    content: "⏰" !important;
    margin: 0 20px 0 0 !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
background: green !important;
}

/* MOVE MAILS TO TOP WHEN PUBS DELETED - top: 200px; */
li[style="top: 0px;"]:has([aria-labelledby="list.banner-cue-title"]) ~ li {
    margin-top: -200px !important;
}


/* POPUP HEIGH compact */
.pointer-mode [data-test-id="popover-content"] ul ul {
    max-height: 60vh !important;
}
.pointer-mode [data-test-id="popover-content"] ul ul li [data-test-id="focus-group"] > div{
    display: flex;
    height: 24px;
    padding: 0 5px !important;
}

/* POPUP - CHOOSE CONTACT */

[data-test-id="portal-layer"] #typeahead-list-to.select-dropdown[role="listbox"] li:hover .group-hover-flex {
    display: block !important;
    left: 1% !important;
    padding: 3px  !important;
    border-radius: 100% !important;
    transform: scale(0.8) !important;
background: #aa7070 !important;
    border: none !important;
/*border: 1px solid lime !important;*/
}


/* POPUP - CREATE MAIL - FORMAT TOOLBAR */
[data-test-id="popover-content"]:has([role="toolbar"]){
    
    top: unset !important;
    bottom: 4vh !important;
    left: 30% !important;
    width: auto !important;
    padding: 0px !important;
    border-radius : 5px !important;
border: 1px solid lime !important;
}

/* POPUP- TRIER */ 
[data-test-id="popover-content"]:has([data-test-id="popover-inner-content"]):has([data-test-id="sort-and-filter-menu"]){
    width: auto !important;
    padding: 0px !important;
    border-radius : 5px !important;
border: 1px solid red !important;
}
[data-test-id="popover-content"] [data-test-id="popover-inner-content"]{
    width: auto !important;
    min-width: 100% !important;
    padding: 0px !important;
    border-radius : 5px !important;
/*border: 1px solid yellow !important;*/
}
[data-test-id="popover-content"] [data-test-id="sort-and-filter-menu"] {
    width: auto !important;
    padding: 5px !important;
    border-radius : 5px !important;
/*border: 1px solid green !important;*/
}
[data-test-id="popover-content"] [data-test-id="sort-and-filter-menu"]  [data-test-id="selectbox-input"] {
    width: 100% !important;
/*border: 1px solid aqua !important;*/
}
[data-test-id="popover-content"] [data-test-id="sort-and-filter-menu"]  [data-test-id="selectbox-input"] [data-test-id="popover-container"] {
    width: 100% !important;
/*border: 1px dashed red !important;*/
}
[data-test-id="popover-content"] [data-test-id="sort-and-filter-menu"]  [data-test-id="selectbox-input"] [data-test-id="popover-container"] [data-test-id="select-box"] {
    width: 100% !important;
/*border: 1px dashed yellow !important;*/
}
[data-test-id="popover-content"] [data-test-id="sort-and-filter-menu"]  [data-test-id="selectbox-input"] [data-test-id="popover-container"] [data-test-id="select-box"] > [aria-label] {
    width: 100% !important;
/*border: 1px dashed yellow !important;*/
}



/* (new74) EMAIL RESUME */
[role="list"] li [id^="email-snippet-"] {
    opacity: 0.2 !important;
    transition: opacity ease 0.7sec !important;
}


/* HOVER on line */
[role="list"] li:hover [id^="email-snippet-"] {
    /*word-wrap: break-word;
    white-space: pre-line !important;
    overflow: visible !important;*/
    opacity: 0.5 !important;
    transition: opacity ease 0.7sec !important;
}
/* HOVER on snipet */
[role="list"] li [id^="email-snippet-"]:hover {
    opacity: 1 !important;
    transition: opacity ease 0.7sec !important;
}

/*[data-test-id="focus-group"] h2 + ul li button > div {
    max-width: 100% !important;
    pointer-events: auto !important;
background: red !important;
}*/


/* (new74) ==== COLOR - LIGHT THEME  */
/*html[data-color-scheme="dark"] [data-maintain-color] a, 
html[data-color-theme-enabled] [data-color-scheme="light"] a, 
html[data-color-theme-enabled][data-color-scheme="light"] a {
    color: peru !important;
}*/

/* ONGLET */
/*[data-test-id="focus-group"] h2 + ul li button {
    background: #323232 !important;
}*/


/* (new74) ==== COLOR - DARK THEME*/

html[data-color-theme-enabled][data-color-scheme="dark"] a , 
html[data-color-theme-enabled] [data-color-scheme="dark"] a {
    color: peru !important;
}

/* (new74) DARK - CHECKED */
html[data-color-theme-enabled]#Atom [data-color-scheme="dark"] .q_2x2lMk {
  background: #392c29 !important;
}

/* (new74) DARK - ZEBRA - TEST - ALL */
html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li:nth-child(odd) > div:not([aria-checked="true"]) {
    background: #10101063 !important;
/*border-left: 5px solid red !important;*/
}
html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li:nth-child(even) > div:not([aria-checked="true"]) {
    background: #0d0d0d9c !important;
/*border-left: 5px solid green !important;*/
}

/* (new74) ZEBRA - TEST - UNREAD without ACTION - AP*/
/*html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li > div[aria-labelledby^="unread-message-status-AP__"] {
    background: olive !important;
}*/
/*html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li > div[aria-labelledby^="unread-message-status-AB"] ,
html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li > div[aria-labelledby^="unread-message-status-AP__"] {
    background: pink !important;
}*/

/* (new74) ZEBRA - UNREAD after ACTION - AB */
html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li:nth-child(even) > div[aria-labelledby^="unread-message-status-AB"] {
    /*background: blue !important;*/
}
html[data-color-theme-enabled] [data-color-scheme="dark"] [data-test-id="virtual-list-container"] li:nth-child(odd) > div[aria-labelledby^="unread-message-status-AB"] {
    /*background: green !important;*/
}
}