Skip to content

Yahoo New Mail - Simply Dark and Gray - 2023 v.66 by decembre

Imported and mirrored from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/85010.user.css

Screenshot of Yahoo New Mail - Simply Dark and Gray - 2023 v.66

Details

Authordecembre

LicenseNO-REDISTRIBUTION

Categoryyahoo, widescreen, mail, Dark and Gray

Created

Updated

Size172 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A DARK COLOR Style ....Simply....
But many tweaks for a better COMPACT interface, for Widescreen and small screen too !

I use it all the time, so it is more updated.
;-)
NEW : Style Updated for all these Perpetual NEW DESIGNS:
last one: JUL 2019 (no possibility to revert to the old design) - in progress....

For Firefox Only!(??)

▶ More usable (for color principally) with these Mail parameters - but since v.54, you shouldn't need it:
See the screenshot of them:
You need to choose some particular account parameters for your yahoo mail...

Notes

▶ If some color are not good:
read: Maybe you need to choose some particular account parameters for your yahoo mail...

Cf the Parameters screenshot

NEW :
► Its Userstyles version on Userstyles.world:
Yahoo New Mail - Simply Dark and Gray [USw]
► Its Userscript version on GreasyFork:
Yahoo New Mail - Simply Dark and Gray - 2020

This Userstyle is updated for all these Perpetual NEW DESIGNS....

► Last one (Oct 2020) - Now, they force us to use a "Modern Browser":
How keeping the "NEW Yahoo Mail" and not their "Classic / Basic version", which it's not supported by this userstyle?
If like me, you use Waterfox Classic, you can't continue to use their "New Mail", only the "Basic Mail".

So, the solution is to use an "User-Agent Switcher" addon, like this one:
User-Agent Switcher
And set it like that:

But after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:
User Agent Switcher par Alexander Schlarb:
Its settings (Screenshots):
https://i.imgur.com/lbnjXKvl.jpg

And that's ok !

Some olders NEW DESIGNS:

  • JUL 2019 (no possibility to revert to the old design) - in progress....
  • Oct 2014
  • May 2015
  • June 2015 (Date Label in Mails List).

Wait for the next !

TESTED only on Firefox :
If Good for Other Browser :
Say it to me !
This Style clean all Pubs / ADDS but you can too use :
▶ This greasemonkey script:
Yahoo Mail Ad Removal (USO MIRROR)
Remove Message "ADD Yahoo for MAILTO" :
Hide "add as an application for mailto links" notifications

Note for ADBlock:
I use it with EsyList filter and that's OK on one profile but not on an other (???) .....
Solution:
If you have a problem on the Mails list view ,
watch if you have this rule enable and disable it:
mail.yahoo.com##div[id^="yui_"][role="presentation"] > div[id][class][aria-hidden]

▶ SCROLLBARS :
For Slims and Dark ScrollBars , i use My Userstyles :
Slim Dark Scrollbar (Firefox)

It is a tweak of:
▷ <a Scrollbars: Slim And Arrowless
You can test too :
Scrollbars, adjustments

▷ LAST changes :

  • v.37 > 66 :
  • Move Date + Delete button after Sender's name
  • Correction for menu
  • Top / Left toolbar
  • New Agenda
  • Supp Anti Ad-block overlay message
  • Better compatibility for Different Themes
    Corrections for:
  • Mail Width and Mail write background
  • Contacts page (edit)
  • Divers Menus (Color Picker, Papers,Gifs, Move to etc..)
  • Delete Icon, move at the begin/ right of each mail
  • Tabs Active background
  • Compact Mail list by moving the first mail to TOP (take care of disposition and density choosen)
  • Their continual change of Top Header (Yahoo Logo, etc.. ), Font Picker, Mail Image/doc Preview, Menu, Contacts....
  • Calendar Dark
  • Adaptation to the New Design of 2019.07 : merged the old design userstyle with the new one

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Yahoo New Mail - Simply Dark and Gray - 2023 v.66
@namespace      USO Archive
@author         decembre
@description    `A DARK COLOR Style ....Simply....But many tweaks for a better COMPACT interface, for Widescreen  and small screen too !I use it all the time, so it is more updated.;-)NEW : Style Updated for all these Perpetual NEW DESIGNS:last one:  JUL 2019 (no possibility to revert to the old design)  - in progress....<b>For Firefox Only!(??)</b>▶  More usable (for color principally) with these Mail parameters - but since v.54,  you shouldn't need it:See the screenshot of them:<a href="https://forum.userstyles.org/discussion/53510/useable#latest">You need to choose some particular account parameters for your yahoo mail...</a>`
@version        20230409.10.37
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

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

/* ==== 0- Yahoo New Mail - Simply Dark and Gray - 2023 v.66 (new66) ==== */

/* NEW name of Yahoo New Mail - Simply Dark and Gray since v.36 */

/* INFO  (NOT NEED after Waterfox Update) (11 oct 2020) about how keeping tne NEW Yahoo mail (not their "Classic version") after they force us to use a "Modern Browser".
If like me you use Waterfox Classic, you can't continue to use their new mail, only the "Basic Mail" (which it's not supported by this userstyles).
So, the solution is to use an "User-Agent Switcher" addon, like this one:
https://mybrowseraddon.com/useragent-switcher.html
Choose Google and add https://mail.yahoo.com in the bottom field.
But after some test, because it cause some trouble (for me on YouTube), i prefer this one now more complete and simple to use:
User Agent Switcher par Alexander Schlarb
https://addons.mozilla.org/fr/firefox/addon/uaswitcher/

And that's ok!important;
==== */

/* (new63) === SUPP === */

/* (new65) SUPP - MESSAGE ADBLOCK + ADD  - DIVERS */

.Z_7G9R[data-test-id="overlay-boundingbox"] ,
._yb_wb4rz._yb_om5q9 ,
._yb_1fuf3._yb_1chzr ,
[data-test-id="right-rail-hidead-btn"] ,
div[data-test-id="virtual-list"] li[style*="transform: translate3d(0px, 0px, 0px);"] ,
div[data-test-id="content-area"]  div[data-test-id="content-below-tabs"]   div[data-test-id="mail-right-rail"] div[data-test-id="right-rail-ad"] ,
.norrin-min-upsell,
#modal-outer[aria-labelledby="adBlock-upsell-welcome-message"] {
    display: none !important;
}

/* SUPP PUBs (when Adblock disable or not) + CLASSIC - === */
.mb-list-ad * {
    box-sizing: border-box;
}
.mb-beacon ,
.icon.mb-icon.mb-icon-right.adchoices.mb-sponsored.mb-feedback ,
.ml-bg ,
#masSearchAd  ,
.rightRailAdContainer ,
#mbSearchAd ,
.mb-list-ad, 
#mbSearchAd .mb-list-ad, 
#mbSearchAd .mb-list-ad a ,
.mb-list-ad .flex .title, 
.mb-list-ad .flex .subj ,
#slot_MB {
    display: none ! important;
    max-height: 0 !important;
    min-height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
padding: 0 !important;
}
/* SUPP PRO / NEW YAHOO MAIL MESSAGE */
#modal-outer[data-test-id="modal-outer"][role="alertdialog"][aria-labelledby="upsell-welcome-message"] ,
.takeover {
    display: none !important;
}
/* SUPP - YAHOO NEWS POPUP */
.p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid violet !important; */
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] {
/* display: none !important; */
/* outline: 1px solid aqua !important; */
}
[data-test-id="needToKnowNewsCue"] ,
.D_F.ek_EZ.a_3DVPV.K_3o46j.r_P[data-test-id="needToKnowNewsCue"] {
    display: none !important;
border: 1px solid yellow !important;
}

/* ??? A VOIR */
.msg-body.inner.undoreset img +br ,
.msg-body.inner.undoreset img +br+br ,
.msg-body.inner.undoreset img +br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br ,
.msg-body.inner.undoreset img +br+br+br+br+br {
    display: none ! important;
}

/* (new66) TEST - EDIT Transfert MESSAGE for SUPP ELEMENET inside */
.bold-focus.pointer-mode {
    background-color: red !important;
    color: gray;
}



/* (new56) - POP NEW AGENDA - === */
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"]{
    left: 11% !important;
    top: 28.485px !important;
    visibility: visible !important;
}
div[data-test-id="popover-content"][style="visibility: visible; top: 78.4853px; left: -379px;"] div + div[style="transform: translateX(2px); justify-content: flex-end;"]  {
    display: inline-block !important;
    left: 8px !important;
    top: 5px !important;
    transform: translateX(2px) rotate(135deg) !important;
    width: 12px !important;
}
div[data-test-id="calendar-right-rail-pane"]  div[data-test-id="epoch-schedule-list-container"]  >div:first-of-type button {
    display: inline-block !important;
    width: 250px !important;
    height: auto !important;
}
#todo-pane .items-nav li i ,
body.calendar div#alert-message {
    color: gray ;
}

/* (new50) MAIL - MESSAGE WIDHT - === */
[data-test-id="message-group-view"]  [data-test-id="message-group-view-scroller"] [data-test-id="focus-group"] ul[data-test-id="cards"] li  [data-test-id="message-view"] [data-test-id="message-body-container"]  [data-test-id="message-view-body"] {
    display: inline-block !important;
}

/* MENU ALL - CLOSE BUTTON - ALL  */
[type="button"][data-test-id="tab-close-button"]{
    background: red !important;
}

/* TOP MENU - MOVE ETC - BACKGROUD */
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW  [data-test-id="folder-menu"] > ul li button {
    background: #333 !important;
}
.H_6D6F .p_a.Z_f8a[data-test-id="popover-content"] .p_R.e_dRA.I_52qC.j_ZqTdtW  [data-test-id="folder-menu"] > ul li:hover button {
    background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"]  .p_R.e_dRA.I_52qC.j_ZqTdtW {
padding: 2px 5px !important;
border: 1px solid black !important;
    background: #222 !important;
}
.p_a.Z_f8a[data-test-id="popover-content"]  .p_R.e_dRA.I_52qC.j_ZqTdtW ul[data-test-id="tabs-menu"] li a[data-test-id="tab-item"]{
padding: 2px 5px !important;
    background: #333 !important;
}

/* FIRST MAIL MOVE TOP */

/* CORBEILLE / SPAM */
div[data-test-id="mail-reader-list-container"]   div[data-test-id="full-pane"] div[data-test-id="loading-bar"] + div  + div[data-test-id="virtual-list-container"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: 0px !important;
}

/* MAIL VIEW RIGHT */
div[data-test-id="left-pane"][style="flex-basis: 44.8171%;"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: -56px !important;
}
/* MAIL VIEW BOTTOM */
div[data-test-id="left-pane"][style="flex-basis: 374.1px;"] div[data-test-id="virtual-list"] {
    height: auto;
    margin-top: -18px !important;
}


/* START ======== TEST  ============ */
/* ================================= */


/* POPUP - MENU - EMOJI */
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] {
    top: 94.5% !important;;
    visibility: visible;
}
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] >div +div ,
.W_3vX1s.p_a.Z_d48[data-test-id="emoji-pop-up"] section[data-test-id="emoji-container"] {
    left: 129% !important;
}

/* PREVIEW PAGE */
[data-test-id="previewr-doc"]  > div:first-of-type ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"]  >div[data-test-id="previewr-image"] > div:first-of-type {
    background:black !important;
} 
[data-test-id="previewr-controls"] ,
[data-test-id="previewr-doc"]  > div:last-of-type {
    background: #222 !important;
}
.lightbox.dp-doc-pages [data-name="scroll-area"] [data-name="infinite-scroll-content"] ,
[data-test-id="overlay-boundingbox"] [data-test-id="previewr"]  >div[data-test-id="previewr-image"] > div:last-of-type {
    background: #222 !important;
}
[data-test-id="previewr-doc"]  > div:last-of-type iframe  {
    display: inline-block !important;
background: #222 !important;
}
[data-test-id="overlay-boundingbox"] [data-test-id="previewr-toolbar"] > div:first-of-type {
    margin-left: 33% !important;
background: #333 !important;
}


/* (new65)  FOLDERS - ADD COUNTER INFOS */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] {
    height: 25px !important;
    margin: 5px 0 5px 0  !important;
}
/* (new65) INBOX */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"][data-test-folder-container="Inbox"] {
    height: 45px !important;
    margin: 5px 0 5px 0  !important;
}

[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] a:not([data-test-is-active="true"]):after {
    content: attr(aria-label) ;
    position: absolute ;
    display: inline-block !important;
vertical-align: bottom !important;
    width: auto !important;
    height: auto !important;
min-height: 25px !important;
    line-height: 20px;
    top: -1px !important;
    padding: 2px 4px !important;
    border-radius: 3px;
    font-size: 12px;
color: white !important;
/* background-color: hsla(0, 0%, 100%, 0.12); */
background-color: #111 !important;
}
/* [data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-folder-container="Draft"][data-test-id="folder-item-container"] a:after {
    min-width: 15px !important;
    margin-top: 5px !important;
    text-align: center !important;
} */
[data-test-id="left-rail-scrolling-container"] .folder-list[data-test-id="folder-list"] > ul li:not(:last-of-type) > div[data-test-id="folder-item-container"] a[...

Reviews

No reviews yet.