chore: update paths to be more absolute

src/seqta/ui/AddBetterSEQTAElements.ts

@@ -1,10 +1,10 @@
-import { addExtensionSettings, enableAnimatedBackground, GetThresholdOfColor, loadHomePage, SendNewsPage, setupSettingsButton } from "../../SEQTA";
+import { addExtensionSettings, enableAnimatedBackground, GetThresholdOfColor, loadHomePage, SendNewsPage, setupSettingsButton } from "@/SEQTA";
 import { updateBgDurations } from "./Animation";
 import { appendBackgroundToUI } from "./ImageBackgrounds";
-import stringToHTML from "../utils/stringToHTML";
-import { settingsState } from "../utils/listeners/SettingsState";
+import stringToHTML from "@/seqta/utils/stringToHTML";
+import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import { updateAllColors } from "./colors/Manager";
-import { delay } from "../utils/delay";
+import { delay } from "@/seqta/utils/delay";
 
 export async function AddBetterSEQTAElements() {
   if (settingsState.onoff) {    

src/seqta/ui/Animation.ts

@@ -1,4 +1,4 @@
-import { settingsState } from "../utils/listeners/SettingsState";
+import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 
 /**
  * Update the background animation durations based on the slider input.

src/seqta/ui/colors/Manager.ts

@@ -1,11 +1,11 @@
 import browser from 'webextension-polyfill'
-import { GetThresholdOfColor } from '../../../SEQTA';
+import { GetThresholdOfColor } from '@/SEQTA';
 import { lightenAndPaleColor } from './lightenAndPaleColor';
 import ColorLuminance from './ColorLuminance';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
-import darkLogo from '../../../resources/icons/betterseqta-light-full.png';
-import lightLogo from '../../../resources/icons/betterseqta-dark-full.png';
+import darkLogo from '@/resources/icons/betterseqta-light-full.png';
+import lightLogo from '@/resources/icons/betterseqta-dark-full.png';
 
 // Helper functions
 const setCSSVar = (varName: any, value: any) => document.documentElement.style.setProperty(varName, value);

src/seqta/ui/colors/lightenAndPaleColor.ts

@@ -1,6 +1,5 @@
 import Color from 'color';
 
-
 export function lightenAndPaleColor(inputColor: any, lightenFactor = 0.75, paleFactor = 0.55) {
   if (!inputColor) return;
 

src/seqta/ui/themes/Themes.ts

@@ -1,4 +1,4 @@
-import { base64toblobURL } from '../../utils/imageConversions';
+import { base64toblobURL } from '@/seqta/utils/imageConversions';
 
 export const imageData: Record<string, { url: string; variableName: string }> = {};
 

src/seqta/ui/themes/UpdateThemePreview.ts

@@ -1,6 +1,6 @@
-import { CustomThemeBase64 } from '../../../interface/types/CustomThemes';
+import { CustomThemeBase64 } from '@/interface/types/CustomThemes';
 import { applyCustomCSS, imageData, removeImageFromDocument, UpdateImageData } from './Themes';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 
 export const UpdateThemePreview = async (updatedTheme: CustomThemeBase64 /* Omit<CustomTheme, 'CustomImages'> & { CustomImages: Omit<CustomImage, 'blob'>[] } */) => {

src/seqta/ui/themes/applyTheme.ts

@@ -1,5 +1,5 @@
-import { CustomImage, CustomTheme } from '../../../interface/types/CustomThemes';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { CustomImage, CustomTheme } from '@/interface/types/CustomThemes';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 import { applyCustomCSS } from './Themes';
 
 

src/seqta/ui/themes/deleteTheme.ts

@@ -1,7 +1,7 @@
 import localforage from 'localforage';
-import { CustomTheme } from '../../../interface/types/CustomThemes';
+import { CustomTheme } from '@/interface/types/CustomThemes';
 import { removeTheme } from './removeTheme';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 
 export const deleteTheme = async (themeId: string) => {

src/seqta/ui/themes/disableTheme.ts

@@ -1,8 +1,8 @@
 import localforage from 'localforage';
-import { CustomTheme } from '../../../interface/types/CustomThemes';
+import { CustomTheme } from '@/interface/types/CustomThemes';
 import { removeTheme } from './removeTheme';
-import { Mutex } from '../../utils/mutex';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { Mutex } from '@/seqta/utils/mutex';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 const mutex = new Mutex();
 let isDisabling = false;

src/seqta/ui/themes/downloadTheme.ts

@@ -1,6 +1,6 @@
 import localforage from 'localforage';
-import { Theme } from '../../../interface/pages/Store';
-import base64ToBlob from '../../utils/base64ToBlob';
+import { Theme } from '@/interface/pages/Store';
+import base64ToBlob from '@/seqta/utils/base64ToBlob';
 
 type ThemeContent = {
   id: string;

src/seqta/ui/themes/enableCurrent.ts

@@ -1,7 +1,7 @@
 import localforage from 'localforage';
-import { CustomTheme } from '../../../interface/types/CustomThemes';
+import { CustomTheme } from '@/interface/types/CustomThemes';
 import { applyTheme } from './applyTheme';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 
 export const enableCurrentTheme = async () => {

src/seqta/ui/themes/getAvailableThemes.ts

@@ -1,7 +1,7 @@
 import localforage from 'localforage';
-import { CustomTheme, ThemeList } from '../../../interface/types/CustomThemes';
-import { blobToBase64 } from '../../utils/blobToBase64';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { CustomTheme, ThemeList } from '@/interface/types/CustomThemes';
+import { blobToBase64 } from '@/seqta/utils/blobToBase64';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 export const getAvailableThemes = async (): Promise<ThemeList | {}> => {
   try {

src/seqta/ui/themes/getTheme.ts

@@ -1,6 +1,6 @@
 import localforage from 'localforage';
-import { CustomImageBase64, CustomTheme, CustomThemeBase64 } from '../../../interface/types/CustomThemes';
-import { blobToBase64 } from '../../utils/blobToBase64'; 
+import { CustomImageBase64, CustomTheme, CustomThemeBase64 } from '@/interface/types/CustomThemes';
+import { blobToBase64 } from '@/seqta/utils/blobToBase64'; 
 
 
 export const getTheme = async (themeId: string): Promise<CustomThemeBase64 | null> => {

src/seqta/ui/themes/removeTheme.ts

@@ -1,6 +1,6 @@
 import localforage from 'localforage';
-import { CustomTheme } from '../../../interface/types/CustomThemes';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { CustomTheme } from '@/interface/types/CustomThemes';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 export const removeTheme = async (theme: CustomTheme) => {
   // Remove custom CSS

src/seqta/ui/themes/saveTheme.ts

@@ -1,5 +1,5 @@
 import localforage from 'localforage';
-import { CustomTheme, CustomThemeBase64 } from '../../../interface/types/CustomThemes';
+import { CustomTheme, CustomThemeBase64 } from '@/interface/types/CustomThemes';
 import { disableTheme } from './disableTheme';
 
 

src/seqta/ui/themes/setTheme.ts

@@ -1,8 +1,8 @@
 import localforage from 'localforage';
-import { CustomTheme } from '../../../interface/types/CustomThemes';
+import { CustomTheme } from '@/interface/types/CustomThemes';
 import { applyTheme } from './applyTheme';
 import { removeTheme } from './removeTheme';
-import { settingsState } from '../../utils/listeners/SettingsState';
+import { settingsState } from '@/seqta/utils/listeners/SettingsState';
 
 
 export const setTheme = async (themeId: string) => {