Wiki source code of Gestionnaire de styles

Last modified by Aurelie Bertrand on 2026/07/13 16:41
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 The **Style Manager** (or **Theme Wizard**) allows you to create, edit, or delete CSS stylesheets or themes that can be used to customize the display of flows.
6
7 [[image:Theme_wizard_en.png||height="626" width="1012"]]
8
9
10 Available stylesheets or themes are listed on the left, and the corresponding CSS code is displayed on the right.
11 Those whose access is restricted to a specific role are followed by the role name in parentheses.
12
13 (% class="box warningmessage" %)
14 (((
15 ❗Modifying an existing stylesheet affects all elements using that stylesheet (other roles).
16 Check its scope of use via the [[dependency analysis tool>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] (accessed by right-clicking the stylesheet) or, if necessary, duplicate the stylesheet and modify it as desired.
17 )))
18
19 = Duplicating a stylesheet =
20
21 To duplicate a stylesheet:
22
23 1. Select the original stylesheet from the list.
24 1. Click the **+** button to the right of the search field, then click **Duplicate**.
25 [[image:Duplicate_theme_en.png]]
26 ➡ The **New** dialog box appears.
27 [[image:New_theme_dialog_en.png||height="173" width="398"]]
28 1. Modify the name as desired.
29 1. In the **Role** drop-down list, select the role to which you want to restrict access to the stylesheet, or **None** to share it with all roles. The field can also be used as a search bar in case of a large number of roles.
30 1. Click **OK**.
31 ➡ The stylesheet is added to the list.
32 1. Modify the CSS code as desired and click **OK**.
33
34 = Creating a stylesheet =
35
36 To create a new stylesheet, you can:
37
38 * create a new theme from scratch (empty stylesheet): click **Add**;
39 * use the **Theme Editing Assistant**.
40 The editing assistant is a tool that allows you to easily modify the style of your feed. It is based on the digdash_2019_template theme. See the [[CSS Editor>>doc:Digdash.customization.customization_DDE.csseditor.WebHome]] page for more details.
41
42 = Renaming a stylesheet =
43
44 To rename a stylesheet:
45
46 * Click the [[image:en_Rename_button_FR.png||alt="Rename" height="21" width="21"]] button and enter the desired name.
47
48 To access multi-language editing:
49
50 * Click the [[image:en_Translate_button.png||alt="Multi-language editing" height="22" width="23"]]. See the [[Translate an object name>>doc:Digdash.user_guide.studio.translate_items.WebHome]] page for more details.
51
52 = Deleting a stylesheet =
53
54 To delete a stylesheet:
55
56 * Select the stylesheet you want to delete and click the [[image:en_1739181611957-699.png||height="23" width="21"]] button.
57
58 (% class="box infomessage" %)
59 (((
60 You can also access these different functions as well as the **Reset** function and the [[dependency analysis>>doc:Digdash.user_guide.studio.managers.dependencies.WebHome]] tool by right-clicking on a stylesheet.
61
62 [[image:Theme_context_menu_en.png]]
63 )))
64
65 = Resetting a stylesheet =
66
67 Stylesheets or themes delivered with DigDash can be reset to their original version.
68 The stylesheet will be restored to the version delivered with the current version of DigDash. As a result, all modifications made will be lost.
69
70 To reset a stylesheet:
71
72 * (((
73 Right-click on the stylesheet you want to reset, then click **Reset**
74 )))