Outlook by mallowigi

/* ==UserStyle==
@name           Outlook
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Mallowigi
@var color aqua "Aqua" #50C4FA
@var color blue "Blue" #82aaff
@var color blue-dark "Blue Dark" #4976eb
@var color calendar "Calendar" #4fd6be
@var color cyan "Cyan" #86e1fc
@var color cyan-alt "Cyan Alt" #b4f9f8
@var color green "Green" #c3e88d
@var color indigo "Indigo" #7a88cf
@var color orange "Orange" #ff995e
@var color pink "Pink" #fca7ea
@var color purple "Purple" #c597f9
@var color red "Red" #ff5370
@var color red-alt "Red Alt" #FF98A4
@var color teal "Teal" #4fd6be
@var color yellow "Yellow" #ffc777
@var color text-dark "Text Dark" #828bb8
@var color text-faded "Text Faded" #828bb8ed
@var color text-gray "Text Gray" #a9b8e8
@var color text-light "Text Light" #e2e8fa
@var color text-paragraph "Text Paragraph" #c0cdf3
@var color text-placeholder "Text Placeholder" #c8d3f5aa
@var color text-primary "Text Primary" #c8d3f5
@var color text-secondary "Text Secondary" #b4c2f0
@var color scrollbar-thumb "Scrollbar Thumb" #828bb830
@var color scrollbar-track "Scrollbar Track" #1b1d2c
@var color selection-bg "Selection Bg" #82aaff
@var color selection-fg "Selection Fg" #e2e8fa
@var color aqua-desaturated "Aqua Desaturated" #7AB5D0
@var color blue-desaturated "Blue Desaturated" #A1B5E0
@var color blue-dark-desaturated "Blue Dark Desaturated" #7288C2
@var color cyan-desaturated "Cyan Desaturated" #A3D1DF
@var color cyan-alt-desaturated "Cyan Alt Desaturated" #C5E8E7
@var color green-desaturated "Green Desaturated" #BFD1A4
@var color indigo-desaturated "Indigo Desaturated" #8F96BA
@var color orange-desaturated "Orange Desaturated" #D7A486
@var color pink-desaturated "Pink Desaturated" #E7BCDE
@var color purple-desaturated "Purple Desaturated" #C7B0E1
@var color red-desaturated "Red Desaturated" #D47E8C
@var color red-alt-desaturated "Red Alt Desaturated" #E5B2B8
@var color teal-desaturated "Teal Desaturated" #71B4A8
@var color yellow-desaturated "Yellow Desaturated" #DDC199
@var color aqua-light "Aqua Light" #70CFFB
@var color blue-light "Blue Light" #A8C4FF
@var color blue-dark-light "Blue Dark Light" #658BEE
@var color cyan-light "Cyan Light" #ACEAFD
@var color cyan-alt-light "Cyan Alt Light" #DCFCFC
@var color green-light "Green Light" #D3EEAC
@var color indigo-light "Indigo Light" #929ED8
@var color orange-light "Orange Light" #FFAF81
@var color pink-light "Pink Light" #FDD0F4
@var color purple-light "Purple Light" #DABDFB
@var color red-light "Red Light" #FF758C
@var color red-alt-light "Red Alt Light" #FFC1C8
@var color teal-light "Teal Light" #67DCC7
@var color yellow-light "Yellow Light" #FFD69C
@var color aqua-transparent "Aqua Transparent" #50C4FA33
@var color blue-transparent "Blue Transparent" #82aaff33
@var color blue-dark-transparent "Blue Dark Transparent" #4976eb33
@var color cyan-transparent "Cyan Transparent" #86e1fc33
@var color cyan-alt-transparent "Cyan Alt Transparent" #b4f9f833
@var color green-transparent "Green Transparent" #c3e88d33
@var color indigo-transparent "Indigo Transparent" #7a88cf33
@var color orange-transparent "Orange Transparent" #ff995e33
@var color pink-transparent "Pink Transparent" #fca7ea33
@var color purple-transparent "Purple Transparent" #c597f933
@var color red-transparent "Red Transparent" #ff537033
@var color red-alt-transparent "Red Alt Transparent" #FF98A433
@var color teal-transparent "Teal Transparent" #4fd6be33
@var color yellow-transparent "Yellow Transparent" #ffc77733
@var color base-1 "Base 1" #131421
@var color base-2 "Base 2" #191b28
@var color base-3 "Base 3" #1b1d2c
@var color base-4 "Base 4" #1e2030
@var color base-5 "Base 5" #212337
@var color base-6 "Base 6" #222436
@var color base-7 "Base 7" #2f334d
@var color base-8 "Base 8" #383e5c
@var color base-9 "Base 9" #444a73
@var text ui-font-family "Ui Font Family" 'Inter V','Inter',sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji
@var text ui-font-size "Ui Font Size" 14px
@var text ui-font-weight "Ui Font Weight" 400
@var text mono-font-family "Mono Font Family" monospace
@var text mono-font-size "Mono Font Size" 100%
@var text mono-font-weight "Mono Font Weight" 500
@var text max-width "Max Width" 1012px
@var text selection-border "Selection Border" none
@var text scrollbar-chrome-radius "Scrollbar Chrome Radius" 0px
@var text scrollbar-chrome-size "Scrollbar Chrome Size" 6px
@var text elevation-1 "Elevation 1" 0 2px 5px 0 rgba(0, 0, 0, 0.26)
@var text elevation-2 "Elevation 2" 0 4px 8px 0 rgba(0, 0, 0, 0.4)
@preprocessor uso
==/UserStyle== */
@-moz-document domain("outlook.office.com.mcas.ms") {
  :root {
    --flexPaneWidth: 200px !important;
    --black: #000000;
    --blackTranslucent50: rgba(255, 255, 255, 0.5);
    --blackTranslucent40: rgba(255, 255, 255, 0.4);
    --blackTranslucent20: rgba(255, 255, 255, 0.2);
    --blackTranslucent10: rgba(255, 255, 255, 0.1);
    --white: #ffffff;
    --whiteTranslucent40: rgba(0, 0, 0, 0.4);
    --whiteTranslucent50: rgba(0, 0, 0, 0.5);
    --whiteTranslucent70: rgba(0, 0, 0, 0.7);
    --whiteTranslucent90: rgba(0, 0, 0, 0.9);
    --neutralDark: /*[[text-light]]*/
    !important;
    --neutralPrimary: /*[[text-primary]]*/
    !important;
    --neutralPrimaryAlt: /*[[text-paragraph]]*/
    !important;
    --neutralPrimarySurface: /*[[base-5]]*/
    !important;
    --neutralSecondary: /*[[text-secondary]]*/
    !important;
    --neutralSecondaryAlt: /*[[text-placeholder]]*/
    !important;
    --neutralSecondarySurface: /*[[base-3]]*/
    !important;
    --neutralTertiary: /*[[text-gray]]*/
    !important;
    --neutralTertiaryAlt: /*[[base-7]]*/
    !important;
    --neutralTertiarySurface: /*[[base-3]]*/
    !important;
    --neutralQuaternary: /*[[base-1]]*/
    !important;
    --neutralLight: /*[[base-8]]*/
    !important;
    --neutralQuaternaryAlt: /*[[base-1]]*/
    !important;
    --neutralLighter: /*[[base-1]]*/
    !important;
    --neutralLighterAlt: /*[[base-1]]*/
    !important;
    --redDark: /*[[red-desaturated]]*/
    !important;
    --green20: /*[[green]]*/
    !important;
    --purple: /*[[purple]]*/
    !important;
    --suiteuxNeutralLight: #555555;
    --suiteuxNeutralSecondary: #FFFFFF;
    --flaggedMessage: #242100;
    --richUserContentBackground: #EBEBEB;
    --composeNeutralBackground: #242424;
    --composeNeutralLighterBackground: #fff;
    --readingPaneCardBorder: #000000;
    --readingPaneCardFocusBorder: #D1D1D1;
    --oobeWhite: #ffffff;
    --oobePrimary: #0078d4;
    --oobeDarkAlt: #106EBE;
    --oobeThemeLighter: #DEECF9;
    --cardStyleWhite: #484644;
    --freeBusyAwayColor: #F500D8;
    --messageWebWarning: #4d3a0c;
    --messageMobileWarningPrimary: #ffd335;
    --messageMobileWarningShade20: #ffdd15;
    --messageMobileWarningShade30: #ffdd87;
    --messageMobileWarningTint30: #4d3a0c;
    --messageMobileWarningTint40: #291F07;
    --communicationBlueWebPrimary: #2899f5;
    --messageMobileDangerPrimary: #e83a3a;
    --messageMobileDangerShade20: #ee6666;
    --messageMobileDangerTint30: #461111;
    --messageMobileDangerTint40: #250909;
    --messageMobileSuccessPrimary: #0eb244;
    --presenceAway: #f8d22a;
    --presenceDoNotDisturb: #d74553;
    --presenceOnline: #92c353;
    --presenceInvisible: #979593;
    --presenceOOF: #e959d9;
    --addisonComponentButtonGradientStart: #f7f0ff;
    --addisonComponentButtonGradientEnd: #e9dfff;
    --storageCritialStateColor: #E37D80;
    --storageCritialStateHoverColor: #DC5E62;
    --storageNearingStateColor: #F2C661;
    --storageNearingStateHoverColor: #EFB839;
    --storageUsageBarBorder: #292929;
    --bizBarRed: #442726;
    --msqOneDrive: #637CEF;
    --msqTeams: #9A44FC;
    --msqOutlook: #E3008C;
    --msqWindows: #D64400;
    --msqEdge: #1BA756;
    --msqLoop: #2AA0A4;
    --msqDesigner: #9373C0;
    --placesPrimary: #583DFF;
    --placesLightBlueSolidColor: #28DFF8;
    --placesNavyBlueSolidColor: #209DF5;
    --placesBackgroundColorPink: rgba(255, 116, 243, .2);
    --placesBackgroundColorPurple: rgba(205, 112, 255, .2);
    --placesBackgroundColorLightBlue: rgba(39, 213, 248, .2);
    --placesBackgroundColorNavy: rgba(9, 99, 121, .2);
    --placesBluePrimary: #5caae5;
    --placesBlueTint40: #004377;
    --placesLightBackground3: #3d3d3d;
    --placesLightBlueBackground: #082338;
    --placesNeutralGrey92: #000000;

    --colorNeutralForeground1: /*[[selection-fg]]*/
    !important;
    --colorNeutralForeground1Hover: #ffffff;
    --colorNeutralForeground1Pressed: #ffffff;
    --colorNeutralForeground1Selected: #ffffff;
    --colorNeutralForeground2: /*[[text-primary]]*/
    !important;
    --colorNeutralForeground2Hover: #ffffff;
    --colorNeutralForeground2Pressed: #ffffff;
    --colorNeutralForeground2Selected: #ffffff;
    --colorNeutralForeground2BrandHover: /*[[teal]]*/
    !important;
    --colorNeutralForeground2BrandPressed: /*[[teal-desaturated]]*/
    !important;
    --colorNeutralForeground2BrandSelected: /*[[teal]]*/
    !important;
    --colorNeutralForeground3: /*[[text-faded]]*/
    !important;
    --colorNeutralForeground3Hover: #d6d6d6;
    --colorNeutralForeground3Pressed: #d6d6d6;
    --colorNeutralForeground3Selected: #d6d6d6;
    --colorNeutralForeground3BrandHover: /*[[teal]]*/
    !important;
    --colorNeutralForeground3BrandPressed: /*[[teal-desaturated]]*/
    !important;
    --colorNeutralForeground3BrandSelected: /*[[teal]]*/
    !important;
    --colorNeutralForeground4: /*[[text-gray]]*/
    !important;
    --colorNeutralForegroundDisabled: #5c5c5c;
    --colorNeutralForegroundInvertedDisabled: rgba(255, 255, 255, 0.4);
    --colorBrandForegroundLink: /*[[teal]]*/
    !important;
    --colorBrandForegroundLinkHover: /*[[teal-light]]*/
    !important;
    --colorBrandForegroundLinkPressed: /*[[teal-desaturated]]*/
    !important;
    --colorBrandForegroundLinkSelected: /*[[teal]]*/
    !important;
    --colorNeutralFore...