From 0b2f5be80e44729841786091774939e75f623106 Mon Sep 17 00:00:00 2001 From: S4NKALP Date: Sat, 18 Jul 2026 19:29:17 +0545 Subject: [PATCH] docs(styling): fix CSS paths to match actual directory structure --- docs/styling.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/docs/styling.md b/docs/styling.md index 5251f1a..1c4ace7 100644 --- a/docs/styling.md +++ b/docs/styling.md @@ -6,18 +6,18 @@ Modus handles styling dynamically using **Matugen**. This allows the shell to au 1. When a new wallpaper is set (or the shell starts), Matugen generates a color palette. 2. Modus uses a Matugen template located at `config/matugen/templates/modus.css`. -3. Matugen processes the template and outputs the final stylesheet to `src/shared/styles/colors.css`. +3. Matugen processes the template and outputs the final stylesheet to `src/styles/colors.css`. 4. Modus automatically hot-reloads the new CSS, instantly applying the colors to the panel, dock, widgets, and menus. ## Customizing the Look -If you want to manually tweak borders, padding, font sizes, or add custom CSS classes, you should modify the files in `src/shared/styles/`. +If you want to manually tweak borders, padding, font sizes, or add custom CSS classes, you should modify the files in `src/styles/`. ### The CSS Hierarchy -- `src/shared/styles/main.css`: The primary entry point. It imports all other CSS components. -- `src/shared/styles/colors.css`: **DO NOT EDIT THIS MANUALLY.** This is automatically generated by Matugen. If you want to change how colors are generated, edit the template at `config/matugen/templates/modus.css`. -- `src/shared/styles/components/`: Contains isolated CSS for specific widgets (e.g. `dock.css`, `notification.css`, `panel.css`). +- `src/styles/main.css`: The primary entry point. It imports all other CSS components. +- `src/styles/colors.css`: **DO NOT EDIT THIS MANUALLY.** This is automatically generated by Matugen. If you want to change how colors are generated, edit the template at `config/matugen/templates/modus.css`. +- `src/styles/window/`, `src/styles/widgets/`, `src/styles/notification/`, `src/styles/controlpanel/`: Contain isolated CSS for specific widget categories. > [!TIP] -> If you create a custom widget or add a new component, you can add a `.css` file inside the `components` directory and then `@import` it in `main.css`. Modus will apply it the next time it restarts! +> If you create a custom widget or add a new component, you can add a `.css` file inside the appropriate subdirectory and then `@import` it in `main.css`. Modus will apply it the next time it restarts!