Last active
May 26, 2020 19:31
-
-
Save aloverso/0152b4fe7b5952797834ba049703c49a to your computer and use it in GitHub Desktop.
Customizing outlook's web UI
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* i'm sorry but gmail's font is just better imo */ | |
| @font-face { | |
| font-family: 'Segoe UI'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2'); | |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
| } | |
| @font-face { | |
| font-family: 'Segoe UI'; | |
| font-style: bold; | |
| font-weight: 700; | |
| src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2'); | |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |
| } | |
| /* inbox items with padding */ | |
| ._1hHMVrN7VV4d6Ylz-FsMuP { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| border-bottom: 1px solid var(--neutralLight); | |
| } | |
| /* make default message background darker*/ | |
| html[dir] ._1zRzYBa3Ymm8oRb7igyJMT { | |
| background-color: var(--neutralLighter); | |
| } | |
| html[dir] ._2-6Yr-35EHcBYQQ-DulaxW { | |
| background-color: var(--neutralLighter); | |
| } | |
| .R13rCAdCs2xraNrPX7bVq { | |
| background-color: var(--neutralLighter); | |
| border-bottom: 4px solid var(--themeDarker); | |
| } | |
| /* remove highlight from selected message */ | |
| html[dir] ._5CGGutaz4d1vhT3GzbRJq { | |
| background-color: var(--neutralLighter); | |
| } | |
| /* make message background white for unread message*/ | |
| html[dir=ltr] ._1E-ojjaYGhOxCgHp9Pe315.WHHpfJX04sHbd6jCFcPxS { | |
| background-color: var(--white); | |
| } | |
| html[dir=ltr] ._1E-ojjaYGhOxCgHp9Pe315.WHHpfJX04sHbd6jCFcPxS ._1zRzYBa3Ymm8oRb7igyJMT { | |
| background-color: var(--white); | |
| } | |
| /* remove blue side icon for unread message */ | |
| html[dir=ltr] ._1E-ojjaYGhOxCgHp9Pe315.WHHpfJX04sHbd6jCFcPxS { | |
| border-left-color: var(--white); | |
| } | |
| /* dark theme the sidebar */ | |
| html[dir] ._2uIW6I_1SKuzoss6jjAHdO { | |
| background-color: var(--themeDarker); | |
| } | |
| html[dir] .qDw7SZ9r6S7r0_qZS1aIG.NJVykX0WljoRws2qTYI5G { | |
| background-color: var(--themeDark)!important; | |
| } | |
| .qDw7SZ9r6S7r0_qZS1aIG.NJVykX0WljoRws2qTYI5G ._16aPYHYIOVxzNYTA4BGnwS, .qDw7SZ9r6S7r0_qZS1aIG.NJVykX0WljoRws2qTYI5G ._1IolX_6rKX93IRLO1O_oCP, .qDw7SZ9r6S7r0_qZS1aIG.NJVykX0WljoRws2qTYI5G ._3Jn_7Iv4SwMTMOPJiydZLa, .qDw7SZ9r6S7r0_qZS1aIG.NJVykX0WljoRws2qTYI5G ._2jHPPTsq-QokR0fW2y0KI-, | |
| ._1IolX_6rKX93IRLO1O_oCP, ._16aPYHYIOVxzNYTA4BGnwS, .VvaKbiG13j8JUB9fmPlUP { | |
| color: var(--white); | |
| } | |
| .qDw7SZ9r6S7r0_qZS1aIG:hover .qI0miNbM8RNNeR4_SQSa7, .qDw7SZ9r6S7r0_qZS1aIG:hover ._16aPYHYIOVxzNYTA4BGnwS, .yM6ioiXgtQ4G9DIFvnHHU:hover .qI0miNbM8RNNeR4_SQSa7, .yM6ioiXgtQ4G9DIFvnHHU:hover ._16aPYHYIOVxzNYTA4BGnwS, .yM6ioiXgtQ4G9DIFvnHHU:hover ._1IolX_6rKX93IRLO1O_oCP { | |
| color: var(--white); | |
| } | |
| html[dir] .qDw7SZ9r6S7r0_qZS1aIG._1fkwrraGe01CgsB8LTccWy .qDw7SZ9r6S7r0_qZS1aIG:active:not(._3qB2DW0fiZ0DMmhMLjG1Lg), html[dir] .qDw7SZ9r6S7r0_qZS1aIG:hover:not(._1pmm4dIxwC-S_TNlNCQ5Ys) { | |
| background-color: var(--themeDarkAlt) | |
| } | |
| /* dark theme the section header */ | |
| .R13rCAdCs2xraNrPX7bVq { | |
| background-color: var(--themeDarker); | |
| color: var(--white); | |
| } | |
| ._2HxQ4wKES5wjvIgnjfLcQK, ._3HGhEMHDY2i8us0auVPsuIA, ._2oQ9sQfC-vORW35CueNgmA, .root-468, .root-468:hover { | |
| color: var(--white); | |
| } | |
| html[dir] ._2HxQ4wKES5wjvIgnjfLcQK:hover, html[dir] ._3HGhEMHDY2i8us0auVPsuI { | |
| background-color: var(--themeDark); | |
| } | |
| /* hide "Groups" */ | |
| ._1XmKWz3L5NcheRkx38wxTL[title="Groups"] { | |
| display: none; | |
| } | |
| /* hide "in place archive" */ | |
| ._1XmKWz3L5NcheRkx38wxTL[title="In-Place Archive -Anne LoVerso"] { | |
| display: none; | |
| } | |
| /* hide "add favorite" */ | |
| ._1XmKWz3L5NcheRkx38wxTL[title="Add favorite"] { | |
| display: none; | |
| } | |
| /* hide "Last week" etc headers from in message list */ | |
| ._3Ib_26e5i7pKHbAhry3OpA { | |
| display: none; | |
| } | |
| /* hide some top-right buttons */ | |
| #skype_container, #owaActivityFeedButton_container, #owaWhatsNewBtn_container, #owaHelpButton_container { | |
| display: none; | |
| } | |
| /* hide "up next" calendar pane" */ | |
| .secondarySet-74 { | |
| display: none; | |
| } | |
| /* hide skype status */ | |
| #HeaderPresenceStatusIcon { | |
| display: none; | |
| } | |
| .ms-Persona-presence.presence-375 { | |
| display: none; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment