diff --git a/scss/main/_emojipicker.scss b/scss/main/_emojipicker.scss
index 657cdb8..3c169bd 100644
--- a/scss/main/_emojipicker.scss
+++ b/scss/main/_emojipicker.scss
@@ -1,21 +1,21 @@
-@use "../funcs" as *;
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../funcs" as func;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Emoji picker
 
 // Server icon
 .guildIcon_ed1ab4 {
-    content: $gradient;
+    content: var.$gradient;
 }
 
 // Emoji, emoji, sticker
 .emoji__92b46,
 .image__43623,
 .stickerAsset_ab864f {
-    content: $gradient;
-    @include addRoundedCorners;
-    @include addTransparency;
+    content: var.$gradient;
+    @include mixin.addRoundedCorners;
+    @include mixin.addTransparency;
     object-fit: unset;
 }
 
@@ -27,11 +27,11 @@ $_locations: (
     // In sticker grid
     ".row_b3c4f2"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genColors;
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors;
 }
 
 // In bottom bar current emoji info
 .inspector__80c84 {
-    @include genOneColor(var(--demo-icon-hue));
+    @include mixin.genOneColor(var(--demo-icon-hue));
 }
diff --git a/scss/main/_image.scss b/scss/main/_image.scss
index 03ccfdb..daaf050 100644
--- a/scss/main/_image.scss
+++ b/scss/main/_image.scss
@@ -1,17 +1,17 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Attachment images
 
 // Images and videos in chat
 .loadingOverlay__35a04 {
-    @include genOneColor(var(--demo-image-hue));
+    @include mixin.genOneColor(var(--demo-image-hue));
     &::before {
         content: "";
         display: block;
         width: 100%;
         height: 100%;
-        background: $gradient;
+        background: var.$gradient;
         position: absolute;
         z-index: 1;
     }
@@ -19,9 +19,9 @@
 
 // Before upload attachment preview
 .upload_c98ecb {
-    @include genColors(4);
+    @include mixin.genColors(4);
     .mediaContainer_e3d4b8 {
-        background: $gradient;
+        background: var.$gradient;
         height: 100%;
         .media__47d7e {
             display: none;
@@ -31,6 +31,6 @@
 
 // Edit attachment details modal
 .expandable__6a921 .icon__4bc4d {
-    @include genOneColor(var(--demo-image-hue));
-    content: $gradient;
+    @include mixin.genOneColor(var(--demo-image-hue));
+    content: var.$gradient;
 }
diff --git a/scss/main/_misc.scss b/scss/main/_misc.scss
index 4b477c7..9cf1f97 100644
--- a/scss/main/_misc.scss
+++ b/scss/main/_misc.scss
@@ -1,5 +1,5 @@
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Misc content
 
@@ -10,18 +10,18 @@
 
 // Server banner
 .bannerImg_fe5c1b {
-    @include genOneColor(var(--demo-banner-hue));
-    content: $gradient;
+    @include mixin.genOneColor(var(--demo-banner-hue));
+    content: var.$gradient;
 }
 
 // Emoji, role icon, clan badge
 .emoji,
 .roleIcon__92480,
 .badge_d12073 {
-    @include genOneColor(var(--demo-icon-hue));
-    content: $gradient;
-    @include addRoundedCorners;
-    @include addTransparency;
+    @include mixin.genOneColor(var(--demo-icon-hue));
+    content: var.$gradient;
+    @include mixin.addRoundedCorners;
+    @include mixin.addTransparency;
     aspect-ratio: 1 / 1;
     object-fit: unset;
 }
@@ -34,14 +34,14 @@
 .gameIcon_f19d1f,
 .headerIcon__8b290,
 .multipleIconWrapper__8dd58 {
-    @include genOneColor(var(--demo-icon-hue));
-    content: $gradient;
+    @include mixin.genOneColor(var(--demo-icon-hue));
+    content: var.$gradient;
 }
 
 // Authorised apps
 .authedApp__71a52 {
-    @include genColors;
+    @include mixin.genColors;
     .appAvatar__1fa87 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
diff --git a/scss/main/_server.scss b/scss/main/_server.scss
index a1ebd73..aa8e0bb 100644
--- a/scss/main/_server.scss
+++ b/scss/main/_server.scss
@@ -1,30 +1,30 @@
-@use "../funcs" as *;
-@use "../vars" as *;
-@use "../mixins" as *;
+@use "../funcs" as func;
+@use "../vars" as var;
+@use "../mixins" as mixin;
 
 // Server icon
 
 // Full size server and active DM user
 .listItem__48528:not(.tutorialContainer_b06ae6 .listItem__48528) {
-    @include genColors;
+    @include mixin.genColors;
     .icon__11cf1 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
 
 // Mini server icons
 .icon__94164 {
-    background: $gradient !important;
+    background: var.$gradient !important;
 }
 
 // In inbox unreads
 .recentMentionsPopout__40c54 .scroller_e3927b > [style="opacity: 1; height: auto;"] {
-    @include genColors;
+    @include mixin.genColors;
 }
 
 // In collapsed folder
 .guildIcon_b6bfa7 {
-    @include genColors(4);
+    @include mixin.genColors(4);
 }
 
 $_locations: (
@@ -34,11 +34,11 @@ $_locations: (
     // In settings boost tab
     ".guildContainer_fef06f"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genColors(3);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors(3);
 }
 
 // In profile popout server-specific about me
 .aboutMeGuildIcon_b141fb {
-    @include genOneColor(var(--demo-icon-hue));
+    @include mixin.genOneColor(var(--demo-icon-hue));
 }
diff --git a/scss/main/avatar/_location.scss b/scss/main/avatar/_location.scss
index 16ead63..e92c6d0 100644
--- a/scss/main/avatar/_location.scss
+++ b/scss/main/avatar/_location.scss
@@ -1,5 +1,5 @@
-@use "../../funcs" as *;
-@use "../../mixins" as *;
+@use "../../funcs" as func;
+@use "../../mixins" as mixin;
 
 // User avatar location
 
@@ -37,8 +37,8 @@ $_locations: (
     // In memberslist
     ".member_aa4760"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genColors;
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors;
 }
 
 $_locations: (
@@ -47,13 +47,13 @@ $_locations: (
     // In VC video - small row
     ".tileSizer__9b4d7"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genColors(4);
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genColors(4);
 }
 
 // In settings nitro tab
 .iconContainer_e812a7 .wrapper__3ed10 {
-    @include genColors(3);
+    @include mixin.genColors(3);
 }
 
 $_locations: (
@@ -66,8 +66,8 @@ $_locations: (
     // In VC video - large video
     ".videoFrame_de25a1"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genOneColor(var(--demo-icon-hue));
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genOneColor(var(--demo-icon-hue));
 }
 
 $_locations: (
@@ -80,6 +80,6 @@ $_locations: (
     ".preview__30ef4",
     ".preview__22e05"
 );
-:is(#{unquoteSelectors($_locations)}) {
-    @include genOneColor(var(--demo-self-hue));
+:is(#{func.unquoteSelectors($_locations)}) {
+    @include mixin.genOneColor(var(--demo-self-hue));
 }
diff --git a/scss/main/avatar/_mixed.scss b/scss/main/avatar/_mixed.scss
index aa96b09..a6628b8 100644
--- a/scss/main/avatar/_mixed.scss
+++ b/scss/main/avatar/_mixed.scss
@@ -1,5 +1,5 @@
-@use "../../vars" as *;
-@use "../../mixins" as *;
+@use "../../vars" as var;
+@use "../../mixins" as mixin;
 
 // User avatar mixed type and location
 
@@ -7,7 +7,7 @@
 :is(.avatarHoverTarget__9b4a9, .avatar__445f3) {
     // Unthemed
     .userProfileOuterUnthemed__9741c & {
-        @include genOneColor(var(--demo-icon-hue));
+        @include mixin.genOneColor(var(--demo-icon-hue));
     }
     // Themed
     .userProfileOuterThemed_a425f3 & {
@@ -19,24 +19,24 @@
 
 // In VC server tooltip
 :is(.avatarContainerMasked_ed6212, .avatarContainer__37747) {
-    @include genColors(6);
+    @include mixin.genColors(6);
     .avatar__777a6 {
-        content: $gradient;
+        content: var.$gradient;
     }
 }
 
 // In channelslist in VC
 .draggable__68384 {
-    @include genColors(7);
+    @include mixin.genColors(7);
     .userAvatar_f45224 {
-        background: $gradient !important;
+        background: var.$gradient !important;
     }
 }
 
 // In user panel current VC
 .avatarContainer__9688b {
-    @include genColors(8);
+    @include mixin.genColors(8);
     .avatar_c9fdd4 {
-        background: $gradient !important;
+        background: var.$gradient !important;
     }
 }
diff --git a/scss/main/avatar/_type.scss b/scss/main/avatar/_type.scss
index e23eb46..ded663f 100644
--- a/scss/main/avatar/_type.scss
+++ b/scss/main/avatar/_type.scss
@@ -1,5 +1,5 @@
-@use "../../funcs" as *;
-@use "../../vars" as *;
+@use "../../funcs" as func;
+@use "../../vars" as var;
 
 // Avatar types
 
@@ -21,11 +21,11 @@ $_avatars: (
     // Embed author avatar
     ".embedAuthorIcon_d3f927"
 );
-:is(#{unquoteSelectors($_avatars)}) {
-    content: $gradient;
+:is(#{func.unquoteSelectors($_avatars)}) {
+    content: var.$gradient;
 }
 
 // Profile settings avatar
 .avatarUploaderInner__71578 {
-    background: $gradient !important;
+    background: var.$gradient !important;
 }