Facebook Catppuccin Mocha by SysAdminDoc

/* ==UserStyle==
@name           Facebook Catppuccin Mocha
@version        3.20.2025
@namespace      https://github.com/SysAdminDoc/Catppuccin-Mocha
@homepageURL    https://github.com/SysAdminDoc/Catppuccin-Mocha
@supportURL     https://github.com/SysAdminDoc/Catppuccin-Mocha/issues
@description    Changes Facebook to Catppuccin Mocha
@author         MattParker
@license        MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.messenger.com/"), regexp("http(s)?://(?!work|business|developers|docs.google).*\\.facebook\\.com/(?!(v[0-9].[0-9]([0-9])?/)?plugins/|Fplugins|plugins/like|events_manager|ads|about/ads|analytics|business).*") {
/*// SCCROLLER /////////////////////////////*/

.contentAfter .uiScrollableAreaTrack:hover, .contentBefore .uiScrollableAreaTrack:hover, .contentAfter.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .contentBefore.uiScrollableAreaTrackOver .uiScrollableAreaTrack, .uiScrollableAreaDragging .uiScrollableAreaTrack {
	background-color: rgba(255, 255, 255, .05) !important
}

.uiScrollableAreaGripper {
	background-color: rgba(255, 255, 255, .15) !important;
	border: 1px solid rgba(255, 255, 255, .18) !important
}

/*// BACKGROUNDS /////////////////////////////////////////////////*/   

html, body, ._4rtl {
    background-image: url("data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==") !important;
    background-repeat: repeat !important;
    background-color: #1e1e2e !important;
}

.fbRemindersThickline, .shareRedesignContainer, .shareText, .UFIRow, .fbPhotoSnowlift .rhc, .fbChatSidebar .fbFeedTicker .fbFeedTickerStory, .fbChatSidebar .fbChatSidebarBody, .fbChatSidebar .fbChatSidebarMessage, .fbCalendar .fbCalendarHeader, #fbCalendarWrapper, ._ksg, .fbTimelineStickyHeader .back, .fbTimelineCapsule .timelineUnitContainer, ._4lh .timelineUnitContainer .UFIContainer, ._4lh .timelineUnitContainer .fbTimelineFeedbackActions, ._4lh .timelineUnitContainer .UFIRow, ._4lh .timelineUnitContainer .UFIList, .fbTimelineScrubber, .-cx-PUBLIC-timelineOneColMin__root .-cx-PRIVATE-fbTimelineExternalShareUnit__textWrapper, .uiHeaderTop, ._5rzs .uiHeader, #rightCol ._5rzs .uiHeader.uiSideHeader, .UFICommentActions, .timelineUnitContainer .pageMostRecentPostList, .UFIReplyList, ._552m, .timelineUnitContainer .timelineAudienceSelector .wrap .uiSelectorButton, ._51mz.navigationGrid, .timelineLayout, ._kj3, ._2o49, .uiLayerPage .uiOverlayContent, ._4-u2, div._3a0_ div._3a10, ._1f1f, ._525w, #leftCol .uiScrollableArea.nofade .uiScrollableAreaWrap, #leftCol .uiScrollableArea.fade .uiScrollableAreaWrap, .gradient .rfloat, .gradient .lfloat, .gradient .clearfix, .fbIndex .gradient, .contextualHelp, .uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover, .uiSideNav .item:hover, .uiSideNav ul .selectedItem .subitem, .uiSideNav ul .selectedItem .subitem:hover, .uiMentionsInput, .uiSideNavCount, .uiStream .uiStreamHeader .uiStreamHeaderChronologicalForm, .uiStream .uiStreamHeader .uiStreamHeaderText, .selectedStoryIndicator, .fbJewel a.jewelButton:active, .fbJewel a.jewelButton:focus, .fbJewel a.jewelButton:hover, #pageLogo a:hover, #pageLogo a:focus, #pageLogo a:active, #pageNav .navLink:hover, #pageNav .navLink:focus, #pageNav .navLink:active, .fbReminders .fbRemindersStory:hover, ._1dsp._4- .clearfix, ._1dst, .uiHeaderSection, .fbNubButton, .fbChatSidebar .fbChatTypeahead .textInput, div.fbChatSidebarDropdown .uiCloseButton, ._4oes .toggle, .uiGrid, .profilePicThumb .img, ._21r, ._7ll, ._7lo, ._558b ._54ng, .fbPhotoSnowlift .rhc, ._53ip ._53ij, .adminPanelMessagesColumn > div:nth-child(1) > div:nth-child(1) > a:nth-child(1), .adminPanelLikesColumn ._5xyd, #admin_panel .uiHeaderTitle, div.phm > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1), .adminPanelInsightsColumn > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > a:nth-child(1), .notifNegativeBase .fbJewelFlyout .jewelFooter a, .notifNegativeBase .fbJewelFlyout .jewelHeader, #tinymanNavWrapper .fbJewelFlyout .jewelHeader, #fbNotificationsFlyout > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1), .fbTimelineContentHeader h3.uiHeaderTitle, .fbTimelineInlineSectionHeader h3.uiHeaderTitle, ._5vsj .UFIRow.UFIUnseenItem:after, ._4kg._6-j > li:hover, .bottomborder, ._t, #navAccount._4z6w .contextualHelp, #navAccount._4z6w .navigation, .fbPhotoSnowlift .pinnedUfi .UFIAddComment, #fbMessagesFlyout > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > h3:nth-child(1), .fbNubFlyoutInner, ._4-hz, ._569t ._54nf, .uiMenu, .uiToggleFlyout, h3.uiHeaderTitle, .promotedPostContent, .promotedPostFlyoutFooter, .fbPhotoSnowlift .stage, ._53ii ._53ij,  .promotedPost.editPost, ._5w40.fbEventHeader.noCoverImage #fbProfileCover .coverImage:before, ._5e4h._5e2k, ._5e4h ._5e2k, ._5k-a ._5iex, ._58gg .img, .pop_content, ._5vg-, .threadRow.unread, #pageNav #userNavigation, .uiTypeaheadView ul, .uiOverlayContent, div._5abn:nth-child(2), ._2exj #userNavigation, ._bqf._2vp7, ._5n1j, .uiLayerPageContent, ._50d1, ._4k85, ._5w-6, .fbPhotoSnowlift .stageWrapper, ._4t2a, ._1y2l .jewelContent a.messagesContent, ._33c, .uiContextualLayer ul, .uiContextualLayer ._70b, ._6b, .fbMapCalloutMain, tbody td ul ._4o-d:hover, .fbRemindersThickline, .sidebarMode .fbRemindersThickline, .rhcFooterBorder, .uiStream .uiStreamHeader, #navSearch .uiTypeahead, .uiHeaderTopBorder, .ego_unit + .ego_unit, .ego_unit + .ego_appended_units .ego_unit, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .fbTimelineFeedbackActions, .-cx-PUBLIC-timelineOneColMin__root .timelineUnitContainer .UFIRow, ._4-u2, ._6dh ._1dsl, ._70l, ._6dh ._1dsl, .composerTypeahead .wrap, #mentionsInput, .timelineUnitContainer, ._5vgz, .sidebarMode #globalContainer ._5vgz.fixed_elem, .fbTimelineUnit, #u_ad_2, .fbDockChatTabFlyout, .contextualHelp, ._4d3w .fbPhotoSnowliftContainer .fbPhotosSnowliftFeedbackForm ._467y:after, #fbProfileCover, .home_right_column #pagelet_rhc_ticker .fbFeedTicker .uiScrollableArea.nofade .uiScrollableAreaWrap, .home_right_column #pagelet_rhc_ticker .fbFeedTicker .uiScrollableArea.fade .uiScrollableAreaWrap, ._53ij, .uiTooltipX div, ._58gm ._52m-, .hovercardButtonGroup ._4-rs, .wmMasterView .uiScrollableArea, ._51xa > ._4jy0:last-child , ._6z- .uiScrollableArea, .fbTimelineUFI, .fbxPhoto .fbPhotoContributor, .fbPhotoImageStage .fbPhotosPhotoButtons a, ._25q1, ._4lh .fbTimelineTimePeriodSuppressed .forceLoad, ._4ws, ._4fby:hover, ._4lmi, ._1z0-, ._5nzo, ._1-e0, ._5nw8, ._1d8v.iframeEmbed, ._5w40.fbEventHeader, ._2w3 > ._30f, .pagesProfileFullColumnLayoutDesktopView, ._tun, ._1lot, .pbs._z6j, ._50d1 li, .fbPhotoTagger .faceboxSuggestion, .fbPhotoTagger .typeaheadBackdrop, #workarea_box, ._1y80, ._3iue, .escapeHatchMinimal, ._juy, ._30d, ._kz1, ._5h_u, ._5mwd, .leaflet-popup-tip, .fbTimelineSection.fbPhotosRedesignNavPagelet, .fbPhotosRedesign.fbTimelinePhotoAlbum, #album_pagelet .fbTimelinePhotoAlbums, .fbChatTypeahead ._5t4c, ._10sf, .groups_rhc ._4mr7 ._2pez, ._1w2f, ._5xjz, ._58gc ._5otg, ._3nzk .jewelHeader, ._5lc6, ._57d8, ._2815 ._2817, .fbxWelcomeBoxSmall .fbxWelcomeBoxSmallRow:hover::after, ._16ve, ._26oo ._26op, ._4sp8, ._1j2v, ._2833, ._5wrf, ._4ii7 ._4ii9 ._4iic, ._3ubp, ._5w7z, ._51xa ._517h, ._4qgh, ._6oju, ._19_p, ._3g-3, ._7si, ._4rvc, .mapboxgl-ctrl-group, .fbTimelineStickyHeader .stickyHeaderWrap, ._6hia ._6n_0, ._67zx, ._3dlg + ._3dli, ._30xs, ._33hy, ._3qe8, ._18rk, ._69zd, ._ww-, ._kyy,._63jc, ._440e, ._4ejc, .fbSidebarGripper, ._dpk, ._wyj._20nr, ._19f_, .fbChatSidebar, ._6gen ._6iy5, .tm2miua2 .jjseejtz, ._4ruv ._u5b ._2pin, ._87m1, ._7v3v, ._suz, ._1p8q, ._76gm, ._84yd, ._4ee_, ._3uh4 ._3uh5 ._3uh7, ._1474, #goodwill_weather_permalink ._30xw {
    background-color: #1e1e2e !important;
    text-shadow: 0px 0px 2px #000 !important;
}

.fbIndex .gradient, ._nb_, ._1z8f {
    background: #202020 !important;
}

.d6rk862h {
    background-color: var(--always-dark-overlay) !important;
}

._7rpp, ._7rp9 {
    background-color: #606770 !important;
	color: #fff !important
}

._42g-, ._42fu, ._42gx:focus, ._42gx:hover, ._5k47, ._25q1, ._5w0o, ._4jy0, ._59pe:focus, ._59pe:hover, ._33c._4af, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent a.messagesContent:focus, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:hover, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:active, .notifNegativeBase #fbMessagesFlyout .jewelContent li.jewelItemNew a.messagesContent:focus, .fbJewelFlyout li.jewelItemNew, ._5vb_ .home_right_column .fbFeedTicker .tickerStoryActive, ._5vb_ .home_right_column .fbFeedTicker .tickerStoryClickable:hover, ._5e4h ._5e4k, ._1hin._1hio, ._2vp6._2vp7, #pageNav #navAccount .navSubmenu:hover, #pageNav #navAccount .navSubmenu:focus, #pageNav #navAccount .navSubmenu:active, #pageNav #navAccount .selected label.navSubmenu, ._5cag:hover, .uiTypeaheadView .search li:hover, div._5abn:nth-child(1), .navSubmenu:hover, ._kx, .__tw li.jewelItemNew, .jewelItemNew a.messagesContent, ._kv:hover, ._kv, ._1y2l li.jewelItemNew a.messagesContent, ._4af ._33e, label.uiButtonConfirm, ._12js a, ._6a .PageLikeButton, .uiLikePageButton button, ._128p, ._fwr ._fw_._fx0 a, ._698 ._5qo4 ._5t4x a, ._32jt .ego_action button, ._1y2l .jewelContent li a:hover, ._3nzk div#fbRequestsList_wrapper li:hover, ._4ypb, ._44_u li._33c:hover, .fbPhotosRedesignNavSelected.fbPhotosRedesignNavItem, ._55ii, .mlePhotoButtons .mlePhotoButtonLink:hover, #workarea_box ._h5k, ._27nv, ._1a8t, ._1xy2, ._eb3::before, ._3186 ._5g_r:hover ._m_1, ._3186 ._m_1:hover, ._5l37:hover, .fbSettingsList a.fbSettingsListLink:hover, ._3jav, ._2w4n button, ._3s1a a:hover, ._3lrk::before, ._34jx._34jx, ._34jt, ._785p, ._3w8w, ._4pdr hr, ._6l_y:hover, ._1hx1 ._517h._42fs, ._69zg._69zh, ._...