rename /src/injected to /src/css (as its css)

src/css/injected/popup.scss

@@ -0,0 +1,31 @@
+.logo-container {
+  display: none;
+}
+
+.topmenu {
+  margin-top: 0;
+}
+
+.hide {
+  opacity: 0;
+  pointer-events: none;
+}
+
+.outside-container {
+  margin: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 10px;
+  top: 80px;
+  height: 590px;
+  z-index: 20;
+  transition-duration: 100ms;
+}
+
+.imageBackground {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  pointer-events: none;
+  border: none !important;
+}

src/css/injected/sidebar-animation.scss

@@ -0,0 +1,37 @@
+#menu ul.noscroll:has(li.hasChildren.active) > li {
+  box-shadow: inset 0px 0 var(--item-colour, transparent) !important;
+  background: transparent !important;
+}
+
+#menu ul.noscroll:not(:has(li.hasChildren.active)) {
+  overflow: scroll !important;
+}
+
+#menu > ul.noscroll:has(li.hasChildren.active) > li > label,
+#menu > ul.noscroll:has(li.hasChildren.active) > li > svg,
+#menu > ul.noscroll ul.noscroll:has(li.hasChildren.active) > li > label,
+#menu > ul.noscroll ul.noscroll:has(li.hasChildren.active) > li > svg {
+  transform: translateX(-20rem);
+}
+
+.sub .sub {
+  top: 0 !important;
+  padding-top: 2px;
+}
+
+.sub:has(ul.noscroll>li.hasChildren.active) > .nav > .back {
+  display: none !important;
+}
+
+#menu ul > li > label,
+#menu ul > li > svg {
+  transition: transform 0.3s ease;
+}
+
+#menu .sub {
+  transition: transform 0.3s ease;
+}
+
+#menu > ul.noscroll:has(li.hasChildren.active) > li.active {
+  background: transparent !important;
+}

src/css/injected/theme.scss

@@ -0,0 +1,15 @@
+html.dark {
+  --background-primary: #232323;
+  --background-secondary: #1a1a1a;
+  --theme-primary: #232323;
+  --theme-secondary: #1a1a1a;
+  --text-primary: white;
+}
+
+html:not(.dark) {
+  --background-primary: #ffffff;
+  --background-secondary: #e5e7eb;
+  --theme-primary: #ffffff;
+  --theme-secondary: #e5e7eb;
+  --text-primary: black;
+}

src/css/injected/transparency.scss

@@ -0,0 +1,70 @@
+html.transparencyEffects.dark {
+  --background-primary: rgba(35, 35, 35, 0.5);
+  --background-secondary: rgba(26, 26, 26, 0.5);
+}
+
+html.transparencyEffects:not(.dark) {
+  --background-primary: rgba(255, 255, 255, 0.5);
+  --background-secondary: rgba(229, 231, 235, 0.5);
+}
+
+
+html.transparencyEffects {
+  /* Background Fixes */
+  #shortcuts {
+    backdrop-filter: unset;
+  }
+
+  .whatsnewTextContainer h1 {
+    background-color: transparent !important;
+    position: inherit;
+  }
+
+  /* Blurs */
+  .BasicPanel__BasicPanel___1GP6s,
+  .message.addMessage,
+  .singleSelect,
+  .uiFileHandlerPanel,
+  .Module__wrapper___2sbOo,
+  .notifications__list___rp2L2,
+  .thread,
+  .navigator,
+  #title,
+  .LabelList__selected___3Egk7,
+  .buttonChecklist,
+  .pane,
+  .legacy-root button, .legacy-root a,
+  .MessageList__MessageList___3DxoC {
+    backdrop-filter: blur(10px);
+  }
+  
+  .report {
+    backdrop-filter: blur(10px) !important;
+  }
+
+  .whatsnewContainer,
+  .Message__Message___3oJaU {
+    backdrop-filter: blur(50px);
+  }
+
+  #menu {
+    backdrop-filter: blur(20px);
+  }
+
+  .title > a {
+    backdrop-filter: blur(0px) !important;
+  }
+
+  .search,
+  .document,
+  .border {
+    backdrop-filter: blur(8px);
+  }
+
+  #main > .dashboard {
+    section,
+    .dashlet {
+      backdrop-filter: blur(8px);
+    }
+  }
+}