Skip to content

Dark Monokai for Outlook by tc16

Screenshot of Dark Monokai for Outlook
Write a review Install Get Stylus

Details

Authortc16

LicenseNo License

Categoryoutlook.com

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Based on the Protonmail Monokai theme.

Notes

This style changes quite a few elements but not all of them. For best results you should use this style in conjunction with Outlook's own Dark Mode and a gray or black color theme. (Click the "gear" settings button top-right and then switch on Dark Mode.)

Some of the CSS classes that this style targets look like randomly generated ones but so far in my testing they have not changed and broken anything. Maybe someone with more CSS knowledge than myself can make some improvements.

Source code

/* ==UserStyle==
@name         Dark Monokai for Outlook
@version      20220505.19.07
@namespace    userstyles.world/user/tc16
@description  Based on the Protonmail Monokai theme.
@author       tc16
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://outlook.office.com") {
/*Header Background*/
.o365sx-navbar {
     background-color: #11121d;
     background-size:0,0;
 }


/*Folder List Background*/
 .customScrollBar {
     background-color:#11121d;
 }


/*Message Sender Profile Initials*/
.ms-Persona-initials {
    color:white;
    background-color:#3a3f5b !important;
}


/*Smart Reply Buttons*/
.ms-Button--default {
    border-radius:5px !important;
}


/*Top Left "OUTLOOK" Background*/
.o365sx-appName {
    background-color:#11121d !important; 
}

/*App Buttons Background*/
.o365sx-button {
    background-color:#11121d !important;
}

/*Left sidebar icons (Mail, Calendar, People, Attachments)*/
.svg {
    fill:#fe366f !important;
}

/*Message List Rounded Corners (When Reading Pane on Right)*/
.ZAcPYMCSo9sb_nW5ACN2 {
    border-radius:5px !important;
}

/*Reading Pane Selected Message Border*/
.QQC3U6v8bOsCux7XSdB_ {
    border-radius:5px !important;
    border-color:#545b74 !important;
}

/*Reading Pane Unselected Message Border*/
.jblWRNBGWZ0jwdufJUx7 {
    border-radius:5px !important;
    border-color:#303443 !important;
}

/*Global Colors*/
 :root {
     /*Top Toolbar Background*/
     --neutralLighter: #1e2130 !important;
     
     /*Message List Background*/
     --neutralLighterAlt: #171926 !important;
     
     /*Message Preview Lines/Folder List Icons*/
     --neutralSecondary: #b1b0b0 !important;
     
     /*Selected Message Hightlight*/
     --themeLighter: #b2264e !important;
     
     /*Message List Items*/
     --white: #171926 !important;
     
     /*Buttons (New Message, Send, etc.)*/
     --themePrimary:#e53265 !important;
     
      /*Toolbar Icons, Folder List Selected, Folder List Unread Count*/
     --themeDark: #fff !important;
     
     /*Favorites Star*/
     --themeDarker: #ffa500 !important;
     
     /*Folder List Text, Message Action Buttons*/
     --neutralPrimary: #cccccc !important;
     
     /*Message List Sender, Subject, Date/Time*/
     --neutralDark: #f3f4f5 !important;
     
     /*Folder List/Action Button Highlight*/
     --themeLight: #222535 !important;
     
     --fallback-white: #222535 !important;
     
     
     --HeaderSearchFilters: #e53265 !important;
     
     /*Flagged Message Hightlight*/
     --flaggedMessage: #320019 !important;
     
     
     --themeDarkAlt: #b1254d !important;
 
  
 }
}

Reviews

No reviews yet.