☰

Greasy Fork 还支持 简体中文。

ShadeRoot Hotmail

Eye-friendly magic in your browser for Hotmail

目前為 2016-02-13 提交的版本，檢視 最新版本。

  1. //
  2. // Written by Glenn Wiking
  3. // Script Version: 1.0.0
  4. // Date of issue: 01/09/15
  5. // Date of resolution: 01/09/15
  6. //
  7. // ==UserScript==
  8. // @name        ShadeRoot Hotmail
  9. // @namespace   HM
  10. // @description Eye-friendly magic in your browser for Hotmail
  11. // @version     1.0.0
  12. // @icon        https://i.imgur.com/AooOglK.png
  13.  
  14. // @include        http://*.hotmail.*
  15. // @include        https://*.hotmail.*
  16. // @include        http://*login.live.*
  17. // @include        https://*login.live.*
  18. // @include        http://*mail.live.com*
  19. // @include        https://*mail.live.com*
  20. // @include        http://*shaderoot.host56.com/exp/*
  21. // @include        https://*shaderoot.host56.com/exp/*
  22.  
  23. // ==/UserScript==
  24.  
  25. function ShadeRootHotmail(css) {
  26.     var head, style;
  27.     head = document.getElementsByTagName('head')[0];
  28.     if (!head) { return; }
  29.     style = document.createElement('style');
  30.     style.type = 'text/css';
  31.     style.innerHTML = css;
  32.     head.appendChild(style);
  33. }
  34.  
  35. ShadeRootHotmail(
  36.   'html, body, .signInHeader iframe, .t_body .t_sbgc {background: rgba(19, 27, 38, 1) !important;}'
  37.   +
  38.   'div.footer {background-color: rgba(6, 17, 30, 1) !important;}'
  39.   +
  40.   'div.row.label, div.section > div.label, label, .SignUp span, .signUpFloat span {color: #778 !important;}'
  41.   +
  42.   '.outlook, .Outlook, div#offer div#text {background-color: rgba(6, 46, 92, 1) !important;}'
  43.   +
  44.   ':root input {border: 1px solid rgba(11, 72, 150, 1) !important; background: rgba(18, 55, 102, 1) !important;}'
  45.   +
  46.   '.outlook a, .outlook a:hover, .outlook a:visited {border: 1px none rgba(20, 63, 138, 1); background-color: #123766 !important;}'
  47.   +
  48.   '*::-moz-selection {background-color: #004FC6 !important; color: #B9CBE6 !important;}'
  49.   +
  50.   '.c_search_mc {border: 1px solid #0B4896 !important; background-color: #123766 !important;}'
  51.   +
  52.   '.ContentRightInner, .t_mbgc, .t_qtc, .t_urtc {background-color: rgba(4, 19, 35, 1) !important;}'
  53.   +
  54.   '.mlRule, .mgRule {border-bottom: 1px solid rgba(9, 62, 131, 1) !important;}'
  55.   +
  56.   '.c-ContainerList .selectable.selected, .c-ContainerList .selectable:hover, .t_mbgc .t_sel, .t_mbgc .t_sel:hover, .t_sel {background-color: rgba(13, 69, 123, 1) !important; color: rgba(109, 186, 243, 1) !important;}'
  57.   +
  58.   '.leftnavitem:focus {background-color: rgba(22, 105, 176, 1) !important;}'
  59.   +
  60.   '.editableLabel, .readonly, .c_search_mc input.c_search_box, .c_search_mc input.c_search_box[disabled] {color: rgba(109, 186, 243, 1) !important;}'
  61.   +
  62.   '.SearchBox input {border: 0px solid black !important;}'
  63.   +
  64.   '.BorderTop {border-top: 1px solid #093E83 !important;}'
  65.   +
  66.   '.c-PageFooter .uxp_ftr_control td {background-color: #0D457B !important;}'
  67.   +
  68.   '.c-PageFooter .uxp_ftr_control {background-color: #0D457B !important; border-top: 1px solid rgba(17, 79, 173, 1) !important;}'
  69.   +
  70.   '.c-PageFooter .uxp_ftr_control ul li span, .t_lnksi a {color: rgba(112, 166, 200, 1) !important;}'
  71.   +
  72.   '#CurtainTableCell {background-color: #0F1C35 !important;}'
  73.   +
  74.   '#CurtainSpinner {opacity: .7 !important;}'
  75.   +
  76.   '#CurtainText {color: #507BBA !important;}'
  77.   +
  78.   '.t_sbgc .t_s_hov:hover, .t_s_hov:hover, .t_s_hov:hover .t_s_hovh, .t_s_sel, .t_s_h {background-color: rgba(20, 67, 138, 0.65) !important;}'
  79.   +
  80.   '.t_qtc, .t_qtc:hover, .t_qtc:visited, .mlRd .t_estc, .count {color: #1C63DE !important;}'
  81.   +
  82.   '.FmSender {background-color: rgba(0,0,0,0) !important;}'
  83.   +
  84.   '.t_sbgc div.t_sr_bordc, input.t_sr_bordc, #search_filter.t_sr_bordc {border-color: #0B4896 !important;}'
  85.   +
  86.   '.t_sbgc div.t_srbgc, .t_sbgc div.t_srbgc input, .t_sbgc input.t_srbgc {background-color: #123766 !important;}'
  87.   +
  88.   '.cp_inputArea:hover {border-color: #1D5DBC !important;}'
  89.   +
  90.   '.RteToolbar .ButtonList > UL > LI > A, .ButtonList {background: #004B8B !important;}'
  91.   +
  92.   '.RteToolbar .ButtonList > UL > LI > A:hover {background: #1669BA !important;}'
  93.   +
  94.   '.NotificationBase.NotificationBar .InnerContainer .Content .UserArea, #c_memenu.c_m .c_ld {color: #92C5F0 !important;}'
  95.   +
  96.   '.c_mli a, .c_m li a, .c_m li span.link, .c_m li span.c_ld {border: 1px solid #0A427A !important;}'
  97.   +
  98.   'ul.c_m a, ul.c_m a:visited {color: #5BA2F2 !important;}'
  99.   +
  100.   'ul.c_m a:hover, ul.c_m a:focus, .c_c ul.c_m a:hover {background-color: #1674CF !important; color: #AECEEA !important;}'
  101.   +
  102.   'ul.c_m, .c_hb .c_c.t_hdbg .c_cc .c_mf li {background: #0A427A !important;}'
  103.   +
  104.   '.c_hb .c_c.t_hdbg .c_cc .c_mf li a:hover {background-color: #3161D4 !important;}'
  105.   +
  106.   '.c-ReadMessage .rmRule, .HMLV .Border {border-bottom: 1px solid #1F3E60 !important;}'
  107.   +
  108.   '.HMLV .Header {border-top: 1px solid #1F3E60 !important;}'
  109.   +
  110.   'input[type="email"], input[type="password"], .SafetyBarPadding {color: #A8A8B8 !important;}'
  111.   +
  112.   '.c-ReadMessagePartBody .readMsgBody {opacity: .82 !important;}'
  113.   +
  114.   '#uxp_ftr_left, .t_lnksi {background-color: #0D457B !important;}'
  115.   +
  116.   '#uxp_ftr_control.t_fbgc, .t_fbgc {background-color: #0D457B !important; border-top: 1px solid #0D559C !important;}'
  117.   +
  118.   '.MainOptionsList li a, .SubsectionPadding, #sdx_mb, .ManageRulesDescriptionColumn .ruleDescription {color: #6DBAF3 !important;}'
  119.   +
  120.   '.MainOptionsTitle {color: #8FC1E1 !important;}'
  121.   +
  122.   '.PrimaryTextColor, .TextSizeSmall, .cOptionsBody H3 {color: rgb(45, 134, 221) !important;}'
  123.   +
  124.   'input[type="button"], input.default[type="button"] {color: #71A3E3 !important;}'
  125.   +
  126.   '.cpv2 .cp_clist {border: 1px solid #173557 !important; background: rgba(255, 255, 255, 0) !important;}'
  127.   +
  128.   '.cp_anyInput, .cpv2, .cp_primaryInput, .cp_awe textarea, .cp_input textarea {background-color: rgb(18, 55, 102) !important;}'
  129.   +
  130.   '.carousel.carouselVisible {border-bottom: 1px solid #124374 !important;}'
  131.   +
  132.   '.carouselItemWrapper, .carouselSmooth {background-color: rgb(19, 27, 38) ! important;}'
  133.   +
  134.   '.carouselItemBorder:hover {border: 3px solid #004B8B !important;}'
  135.   +
  136.   '#infoBoxTitle, .c_rchev, .TextSizeSmall, .iaPrimaryTextColor, .c-ManageRules .iaPrimaryTextColor {color: #3D8CC6 !important;}'
  137.   +
  138.   '.ManageRulesTable {border-top: 1px solid #11427A !important;}'
  139.   +
  140.   '.NewRuleButton {background-color: #0B3E78 !important; color: #4393BF !important;}'
  141.   +
  142.   '.ManageRulesTableBody TR:hover {background-color: #0D3466 !important;}'
  143.   +
  144.   '.OuterContainer {background-color: rgba(0, 0, 0, 0) !important;}'
  145.   +
  146.   '.InnerContainer .UserTitle {color: #63BAD7 !important;}'
  147.   +
  148.   '.editRule_Panel .conditionListTitle, .editRule_Panel .actionListTitle, .c_mcp.boxStyle .c_ml span, .editRule_Panel .addActionDiv .addConditionText, .editRule_Panel .addConditionDiv .addConditionText, .editRule_Panel .addActionDiv .addActionText, .editRule_Panel .addConditionDiv .addActionText {color: #67ABEF !important;}'
  149.   +
  150.   '.c_mcp.boxStyle .c_ml {border: 1px solid #529DD4 !important;}'
  151.   +
  152.   ':root button.default {background-color: #06599F !important; color: #7DB7E1 !important;}'
  153.   +
  154.   ':root button.default:hover {background-color: #3D94D4 !important;}'
  155.   +
  156.   '.RPBottom .v-ReadMessageContainer {border-top: 1px solid #093E83 !important;}'
  157.   // // // // // FLYOUTS
  158.   +
  159.   '.NotificationBase.Flyout .OuterContainer, .NotificationBase.DropDown .OuterContainer {background-color: rgba(14, 47, 84, 1) !important;}'
  160.   +
  161.   '.c_headerBar .UserContent a {border: 3px solid rgba(13, 74, 119, 1) !important;}'
  162.   +
  163.   '.c_headerBar .UserContent a, .c_headerBar .UserContent li, ul.c_m, #c_h_theme_m {background-color: rgba(10, 66, 122, 1) !important}'
  164.   +
  165.   '.NotificationBase.Flyout .Beak4:after, .NotificationBase.Flyout .Beak5:after {border-bottom-color: rgba(10, 66, 122, 1) !important;}'
  166.   +
  167.   '.InnerContainer {background: #004B8B !important;}'
  168.   +
  169.   '.ContentRightInner, .t_mbgc, .t_qtc, .t_urtc {color: #1C5D8D !important;}'
  170.   +
  171.   '.Subject {border-bottom: 1px solid #053974 !important;}'
  172.   +
  173.   '.fSubject, .t_subj, .TextLightI, .WatermarkedInput, .Unread, .cp_Contact a, .t_urtc, .t_urtc .mlUnrd .Fm a, .t_urtc .Unread, .t_srbgc input.t_urtc, .t_atc:hover, .t_atc:visited, .t_atc:focus, .t_srbgc a.t_urtc, #search_filter.t_urtc, #search_filter.t_urtc:focus, .t_atc {color: #97C3F5 !important;}'
  174. );