styling

src/styles/abstracts/_index.scss

@@ -0,0 +1,5 @@
+@forward './fonts';
+@forward './layout';
+@forward './mixins';
+@forward './reset';
+@forward './variables';

src/styles/components/buttons/_action_button.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Action button styles
   Used specifically for game installation/uninstallation 

src/styles/components/buttons/_animated_checkbox.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Animated checkbox component styles
 */

src/styles/components/buttons/_button.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Button component styles
   Core styling for buttons throughout the application

src/styles/components/buttons/_index.scss

@@ -0,0 +1,3 @@
+@forward './action_button';
+@forward './animated_checkbox';
+@forward './button';

src/styles/components/common/_index.scss

@@ -0,0 +1 @@
+@forward './loading';

src/styles/components/common/_loading.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Loading indicator component styles
 */

src/styles/components/dialogs/_dialog.scss

@@ -1,5 +1,5 @@
-@use '../../variables' as *;
+@use '../../themes/index' as *;
-@use '../../mixins' as *;
+@use '../../abstracts/index' as *;
 
 /* 
   Base dialog styles

src/styles/components/dialogs/_dlc_dialog.scss

@@ -1,5 +1,5 @@
-@use '../../variables' as *;
+@use '../../themes/index' as *;
-@use '../../mixins' as *;
+@use '../../abstracts/index' as *;
 
 /* 
   DLC Selection Dialog styles

src/styles/components/dialogs/_index.scss

@@ -0,0 +1,3 @@
+@forward './dialog';
+@forward './dlc_dialog';
+@forward './progress_dialog';

src/styles/components/dialogs/_progress_dialog.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Progress dialog styles
   For installation/uninstallation progress display

src/styles/components/games/_gamecard.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Game card styles
   For game items displayed in the grid

src/styles/components/games/_gamelist.scss

@@ -1,5 +1,5 @@
-@use '../../variables' as *;
+@use '../../themes/index' as *;
-@use '../../mixins' as *;
+@use '../../abstracts/index' as *;
 
 /* 
   Game list styles

src/styles/components/games/_index.scss

@@ -0,0 +1,2 @@
+@forward './gamecard';
+@forward './gamelist';

src/styles/components/layout/_background.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Animated background styles
 */

src/styles/components/layout/_header.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Header component styles
 */

src/styles/components/layout/_index.scss

@@ -0,0 +1,4 @@
+@forward './background';
+@forward './header';
+@forward './loading_screen';
+@forward './sidebar';

src/styles/components/layout/_loading_screen.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Initial loading screen styles
 */

src/styles/components/layout/_sidebar.scss

@@ -1,5 +1,5 @@
-@use '../../variables' as *;
+@use '../../themes/index' as *;
-@use '../../mixins' as *;
+@use '../../abstracts/index' as *;
 
 /* 
   Sidebar component styles

src/styles/components/notifications/_index.scss

@@ -0,0 +1 @@
+@forward './toast';

src/styles/components/notifications/_toast.scss

@@ -1,3 +1,6 @@
+@use '../../themes/index' as *;
+@use '../../abstracts/index' as *;
+
 /* 
   Toast notification styles
 */

src/styles/main.scss

@@ -4,42 +4,27 @@
 */
 
 /* Basic variables and mixins */
-@use './variables' as *;
+@use 'abstracts/index' as *;
-@use './mixins' as *;
-@use './fonts' as *;
 
-/* Reset & global styles */
+@use 'themes/index' as *;
-@use './reset';
-@use './layout';
 
 /* Layout components */
-@use 'components/layout/header';
+@use 'components/layout/index' as *;
-@use 'components/layout/sidebar';
-@use 'components/layout/background';
-@use 'components/layout/loading_screen';
 
 /* Game components */
-@use 'components/games/gamecard';
+@use 'components/games/index' as *;
-@use 'components/games/gamelist';
 
 /* Button components */
-@use 'components/buttons/button';
+@use 'components/buttons/index' as *;
-@use 'components/buttons/action_button';
-@use 'components/buttons/animated_checkbox';
 
 /* Dialog components */
-@use 'components/dialogs/dialog';
+@use 'components/dialogs/index' as *;
-@use 'components/dialogs/progress_dialog';
-@use 'components/dialogs/dlc_dialog';
 
 /* Notification components */
-@use 'components/notifications/toast';
+@use 'components/notifications/index' as *;
 
 /* Common components */
-@use 'components/common/loading';
+@use 'components/common/index' as *;
 
 /* Page-specific styles */
 //@use 'pages/home';
-
-/* Theme */
-@use 'themes/dark';

src/styles/themes/_index.scss

@@ -0,0 +1 @@
+@forward './dark';