html.transparencyEffects.dark {
  --background-primary: rgba(35, 35, 35, 0.6);
  --background-secondary: rgba(26, 26, 26, 0.6);
}

html.transparencyEffects:not(.dark) {
  --background-primary: rgba(255, 255, 255, 0.6);
  --background-secondary: rgba(229, 231, 235, 0.6);
}


html.transparencyEffects {
  /* Background Fixes */
  [class*="notifications__item___"],
  #shortcuts {
    backdrop-filter: unset !important;
  }

  .whatsnewTextContainer h1 {
    background-color: transparent !important;
    position: inherit;
  }

  /* Blurs */
  .draggable,
  .notice,
  [class*="BasicPanel__BasicPanel___"],
  .message.addMessage,
  .singleSelect,
  .uiFileHandlerPanel,
  [class*="Module__wrapper___"],
  [class*="notifications__list___"],
  .thread,
  .calendar,
  .navigator,
  #title,
  [class*="LabelList__selected___"],
  .buttonChecklist,
  .pane,
  .legacy-root button, .legacy-root a,
  [class*="MessageList__MessageList___"] {
    backdrop-filter: blur(80px);
  }
  
  .report {
    backdrop-filter: blur(10px) !important;
  }

  .whatsnewContainer,
  [class*="Message__Message___"] {
    backdrop-filter: blur(50px);
  }

  #menu {
    backdrop-filter: blur(20px);
  }

  .title > a {
    backdrop-filter: blur(0px) !important;
  }

  .search,
  .document,
  .border {
    backdrop-filter: blur(80px);
  }

  #main > .dashboard {
    section,
    .dashlet {
      backdrop-filter: blur(8px);
    }
  }
}