diff --git a/docs/system-admin-guide/design/README.md b/docs/system-admin-guide/design/README.md index 950db873e83e..26bc15680add 100644 --- a/docs/system-admin-guide/design/README.md +++ b/docs/system-admin-guide/design/README.md @@ -15,29 +15,27 @@ The design page provides several options to customize your OpenProject Enterpris Under **Interface** you can also set [the interface colors](#interface-colors) to configure **custom colors** to adjust nearly any aspect of OpenProject, such as the color of the header and side menu, the link color and the hover color. -UPDATE SCREENSHOT +![Design interface settings in OpenProject adminstration](openproject_system_guide_design_interface.png) Under the **Branding** tab you can also [upload a custom logo](#upload-a-custom-logo) to replace the default OpenProject logo, [set a custom favicon](#set-a-custom-favicon), which is shown as an icon in your browser window/tab, and [upload a custom touch icon](#set-a-custom-touch-icon), which is shown on your smartphone or tablet when you bookmark OpenProject on your home screen. - UPDATE SCREENSHOT +![Branding settings in OpenProject administration](openproject_system_guide_design_branding.png) Under **PDF export settings** you can set the preferences for [exporting work packages in a PDF format](../../user-guide/work-packages/exporting/#pdf-export). -UPDATE SCREENSHOT - - +![PDF export styles settings in OpenProject administration](openproject_system_guide_design_pdf_export_styles.png) ## Choose a color theme You can choose between the three default color themes for OpenProject: * OpenProject -* OpenProject Light -* OpenProject Dark +* OpenProject Gray (earlier called OpenProject Light) +* OpenProject Navy Blue (earlier called OpenProject Dark) Press the Save button to apply your changes. The theme will then be changed. -![System-admin-guide_color-theme](System-admin-guide_color-theme.png) +![Change color theme in OpenProject administration settings](openproject_system_guide_design_color_theme_navy_blue.png) ## Upload a custom logo @@ -45,9 +43,11 @@ To replace the default OpenProject logo with your own logo, make sure that your Click the *Upload* button to confirm and upload your logo. -![Sys-admin-design-upload-logo](Sys-admin-design-upload-logo.png) +![Upload custom logo in OpenProject administration settings](openproject_system_guide_design_upload_custom_logo.png) + + -![upload logo](system_admin_logo_updated.png) +![Custom logo updated in OpenProject admistration](openproject_system_guide_design_custom_logo_uploaded.png) ## Set a custom favicon @@ -55,7 +55,7 @@ To set a custom favicon to be shown in your browser’s tab, make sure you have Then click the *Upload* button to confirm and upload your favicon. -![Sys-admin-design-favicon](Sys-admin-design-favicon.png) +![Custom favicon in OpenProject design settings](openproject_system_guide_design_custom_favicon.png) ## Set a custom touch icon @@ -69,8 +69,8 @@ When you bookmark your OpenProject environment’s URL, you will see that the up Aside from uploading logos and icons, you can also customize the colors used within your OpenProject environment. -To do this change the color values (entered as color hex code) in the *Advanced settings* section. In order to find the right hex code for a color, you can use a website, such as [color-hex.com](https://www.color-hex.com/). - You can see the selected color in the preview area next to the color hex code. Therefore, it is possible to see the selected color before saving the changes. +To do this change the color values (entered as color hex code) under *Interface* tab. In order to find the right hex code for a color, you can use a website, such as [color-hex.com](https://www.color-hex.com/). +You can see the selected color in the preview area next to the color hex code. Therefore, it is possible to see the selected color before saving the changes. > [!TIP] > If the button color you select is too light to have white text on top of it, the icon and text color will be displayed in black instead. diff --git a/docs/system-admin-guide/design/Sys-admin-design-favicon.png b/docs/system-admin-guide/design/Sys-admin-design-favicon.png deleted file mode 100644 index e0c4d6516e8a..000000000000 Binary files a/docs/system-admin-guide/design/Sys-admin-design-favicon.png and /dev/null differ diff --git a/docs/system-admin-guide/design/Sys-admin-design-upload-logo.png b/docs/system-admin-guide/design/Sys-admin-design-upload-logo.png deleted file mode 100644 index deee0aefa7ea..000000000000 Binary files a/docs/system-admin-guide/design/Sys-admin-design-upload-logo.png and /dev/null differ diff --git a/docs/system-admin-guide/design/System-admin-guide_color-theme.png b/docs/system-admin-guide/design/System-admin-guide_color-theme.png deleted file mode 100644 index 6e0befe01cda..000000000000 Binary files a/docs/system-admin-guide/design/System-admin-guide_color-theme.png and /dev/null differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design.png b/docs/system-admin-guide/design/openproject_system_guide_design.png deleted file mode 100644 index d5a8fc355f66..000000000000 Binary files a/docs/system-admin-guide/design/openproject_system_guide_design.png and /dev/null differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_branding.png b/docs/system-admin-guide/design/openproject_system_guide_design_branding.png index c52072b04e1f..92ec47350a6e 100644 Binary files a/docs/system-admin-guide/design/openproject_system_guide_design_branding.png and b/docs/system-admin-guide/design/openproject_system_guide_design_branding.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_navy_blue.png b/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_navy_blue.png new file mode 100644 index 000000000000..279ffe936036 Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_navy_blue.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_pick.png b/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_pick.png new file mode 100644 index 000000000000..0d2ea09b400d Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_color_theme_pick.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_custom_favicon.png b/docs/system-admin-guide/design/openproject_system_guide_design_custom_favicon.png new file mode 100644 index 000000000000..ee2cc0ac6cf6 Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_custom_favicon.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_custom_logo_uploaded.png b/docs/system-admin-guide/design/openproject_system_guide_design_custom_logo_uploaded.png new file mode 100644 index 000000000000..157bcae936da Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_custom_logo_uploaded.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_interface.png b/docs/system-admin-guide/design/openproject_system_guide_design_interface.png index 33fa1b2eb44d..155ab93bd129 100644 Binary files a/docs/system-admin-guide/design/openproject_system_guide_design_interface.png and b/docs/system-admin-guide/design/openproject_system_guide_design_interface.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_pdf_export_styles.png b/docs/system-admin-guide/design/openproject_system_guide_design_pdf_export_styles.png new file mode 100644 index 000000000000..194e5e107c02 Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_pdf_export_styles.png differ diff --git a/docs/system-admin-guide/design/openproject_system_guide_design_upload_custom_logo.png b/docs/system-admin-guide/design/openproject_system_guide_design_upload_custom_logo.png new file mode 100644 index 000000000000..d9be0ba6c1e8 Binary files /dev/null and b/docs/system-admin-guide/design/openproject_system_guide_design_upload_custom_logo.png differ diff --git a/docs/system-admin-guide/design/system_admin_logo_updated.png b/docs/system-admin-guide/design/system_admin_logo_updated.png deleted file mode 100644 index cb4768e1067a..000000000000 Binary files a/docs/system-admin-guide/design/system_admin_logo_updated.png and /dev/null differ