☰

Discord | Fullscreen Inbox

Fullscreen Inbox for Discord

  1. /* ==UserStyle==
  2.  -- THEME STUFF --
  3. @name           Discord | Fullscreen Inbox
  4. @version        1.0.4
  5. @description    Fullscreen Inbox for Discord
  6. @homepageURL    https://github.com/Freeplayg/Discord-fullscreen-inbox
  7. @supportURL     https://github.com/Freeplayg/Discord-fullscreen-inbox/issues
  8.  
  9.  -- AUTHOR STUFF --
  10. @namespace      Freeplay
  11. @author         Freeplay (https://freeplay.codeberg.page)
  12. @preprocessor   stylus
  13.  
  14. ==/UserStyle== */
  15.  
  16. @-moz-document domain("discord.com") {
  17.  
  18. [class*="recentMentionsPopout"], [class*="messagesPopoutWrap"][aria-label="Unreads"] {
  19.   position: fixed;
  20.   top: 0;
  21.   left: 312px;
  22.   height: 100vh;
  23.   max-height: 100vh !important;
  24.   max-width: none !important;
  25.   width: calc(100vw - 312px);
  26.   min-width: 0 !important;
  27.   box-shadow: none;
  28.   border-radius: 0;
  29.   background-color: var(--background-primary);
  30. }
  31. [class*="recentMentionsPopout"] .header-145e10, [class*="messagesPopoutWrap"][aria-label="Unreads"] .header-145e10 {
  32.   height: 48px;
  33.   min-height: 48px;
  34.   padding: 8px 16px;
  35.   background-color: var(--background-primary);
  36.   box-shadow: var(--elevation-low);
  37.   z-index: 11;
  38. }
  39. [class*="recentMentionsPopout"] .header-145e10::before {
  40.   content: "";
  41.   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0' y='0' class='icon-2xnN2Y' aria-hidden='false' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 3H4.99C3.88 3 3.01 3.89 3.01 5L3 19C3 20.1 3.88 21 4.99 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3ZM19 15H15C15 16.66 13.65 18 12 18C10.35 18 9 16.66 9 15H4.99V5H19V15Z' fill='%2372767d'%3E%3C/path%3E%3C/svg%3E");
  42.   position: absolute;
  43.   color: white;
  44.   height: 24px;
  45.   width: 24px;
  46.   align-self: center;
  47. }
  48. .tabBar-1qdMr5::before {
  49.   content: "Inbox";
  50.  
  51.   height: 20px;
  52.   align-self: center;
  53.   margin-right: 32px;
  54.   margin-left: 32px;
  55.  
  56.   font-weight: 600;
  57.   color: var(--header-primary);
  58.  
  59.   font-size: 16px;
  60.   line-height: 20px;
  61. }
  62. .tabBar-1qdMr5::after {
  63.   content: "";
  64.   position: absolute;
  65.   left: 91.88px;
  66.   align-self: center;
  67.  
  68.   width: 1px;
  69.   height: 24px;
  70.   margin: 0 8px;
  71.   -webkit-box-flex: 0;
  72.   -ms-flex: 0 0 auto;
  73.   flex: 0 0 auto;
  74.   background: var(--background-modifier-accent);
  75. }
  76.  
  77. [class*="recentMentionsPopout"] .container-iA3Qrz, [class*="recentMentionsPopout"] .scroller-145h9c {
  78.   padding: 0 !important;
  79.   padding-right: 0 !important;
  80. }
  81. .channelHeader-DFRX8q {
  82.   padding: 4px 16px;
  83.   padding-right: 8px;
  84.   height: auto;
  85.   background-color: var(--background-primary);
  86.   border-bottom: thin solid var(--background-modifier-accent);
  87. }
  88. .channelHeader-DFRX8q .guildIcon-IklRcj, .channelHeader-DFRX8q .dmIcon-1ZeAqq {
  89.   width: 32px;
  90.   height: 32px;
  91. }
  92. .channelNameSection-3OgeRa {
  93.   flex-direction: row;
  94.   align-items: center;
  95.   display: flex;
  96. }
  97. [src*="248990650429734912"] ~ .header-2jRmjb .username-h_Y3Us::before { /* Ignore */
  98. 	content: "Cute ";
  99. }
  100. .channelNameSection-3OgeRa .channelNameHeader-51gJbl, .channelNameSection-3OgeRa .colorHeaderSecondary-g5teka {
  101.   width: min-content;
  102. }
  103. .channelNameSection-3OgeRa .colorHeaderSecondary-g5teka {
  104.   margin-left: 8px;
  105. }
  106. .channelHeader-DFRX8q .button-1_oXub {
  107.   background-color: transparent !important;
  108. }
  109. .messages-23can0, .messageContainer-3VTXBC {
  110.   border-radius: 0;
  111. }
  112. .collapseButton-39-IRc {
  113.   position: relative;
  114.   order: -1;
  115. }
  116.  
  117. .container-nwU-8G {
  118.   height: 100%;
  119. }
  120.  
  121.  
  122.  
  123. 	
  124. 	
  125. }