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

src/css/documentload.js

@@ -0,0 +1 @@
+import './documentload.scss';

src/css/documentload.scss

@@ -0,0 +1,22 @@
+/* 
+ * This file is part of EvenBetterSEQTA.
+ *
+ * EvenBetterSEQTA is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * EvenBetterSEQTA is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with EvenBetterSEQTA.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+html {
+  background: #161616 !important;
+  background-color: #161616;
+  font-family: Rubik, Roboto !important;
+}

src/css/iframe.js

@@ -0,0 +1 @@
+import './iframe.scss';

src/css/iframe.scss

@@ -0,0 +1,68 @@
+/* 
+ * This file is part of EvenBetterSEQTA.
+ *
+ * EvenBetterSEQTA is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * EvenBetterSEQTA is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with EvenBetterSEQTA.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+html, p, div, span {
+  color: white !important;
+  text-shadow: 1px 1px 2px #161616, 0 0 1em #161616;
+}
+
+body {
+  background-color: transparent !important;
+}
+
+blockquote.forward > .preamble {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+
+blockquote.forward > .preamble > .date > .value, blockquote.forward > .preamble > .sender > .value {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+
+blockquote.forward > .preamble > .date > .label, blockquote.forward > .preamble > .sender > .label {
+  color: rgba(255, 255, 255, 0.7) !important;
+}
+
+table th {
+  background-color: #161616;
+}
+
+::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+  transition: 1s;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10rem !important;
+}
+
+::-webkit-scrollbar-corner {
+  background: none;
+}
+
+.forward {
+  border-radius: 1rem;
+}
+
+.preamble {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}

src/css/injected.js

@@ -0,0 +1 @@
+import './injected.scss';

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);
+    }
+  }
+}