diff --git a/assets/images/capacity/dark/group-quota.png b/assets/images/capacity/dark/group-quota.png
new file mode 100644
index 000000000..6490c0a60
Binary files /dev/null and b/assets/images/capacity/dark/group-quota.png differ
diff --git a/assets/images/capacity/dark/vm-group-role-affinity.png b/assets/images/capacity/dark/vm-group-role-affinity.png
new file mode 100644
index 000000000..3a3e35286
Binary files /dev/null and b/assets/images/capacity/dark/vm-group-role-affinity.png differ
diff --git a/assets/images/capacity/dark/vmgroup-role-definition.png b/assets/images/capacity/dark/vmgroup-role-definition.png
new file mode 100644
index 000000000..db1bdbdf2
Binary files /dev/null and b/assets/images/capacity/dark/vmgroup-role-definition.png differ
diff --git a/assets/images/capacity/light/group-quota.png b/assets/images/capacity/light/group-quota.png
new file mode 100644
index 000000000..155a621da
Binary files /dev/null and b/assets/images/capacity/light/group-quota.png differ
diff --git a/assets/images/capacity/light/vm-group-role-affinity.png b/assets/images/capacity/light/vm-group-role-affinity.png
new file mode 100644
index 000000000..b86e33346
Binary files /dev/null and b/assets/images/capacity/light/vm-group-role-affinity.png differ
diff --git a/assets/images/capacity/light/vmgroup-role-definition.png b/assets/images/capacity/light/vmgroup-role-definition.png
new file mode 100644
index 000000000..cc663c073
Binary files /dev/null and b/assets/images/capacity/light/vmgroup-role-definition.png differ
diff --git a/assets/images/sunstone/common/dark/sunstone-full-dashboard-custom-logo.png b/assets/images/sunstone/common/dark/sunstone-full-dashboard-custom-logo.png
new file mode 100644
index 000000000..a6b3b8583
Binary files /dev/null and b/assets/images/sunstone/common/dark/sunstone-full-dashboard-custom-logo.png differ
diff --git a/assets/images/sunstone/common/dark/sunstone-login-page-custom-logo.png b/assets/images/sunstone/common/dark/sunstone-login-page-custom-logo.png
new file mode 100644
index 000000000..de3563ef6
Binary files /dev/null and b/assets/images/sunstone/common/dark/sunstone-login-page-custom-logo.png differ
diff --git a/assets/images/sunstone/common/dark/sunstone-preferences.png b/assets/images/sunstone/common/dark/sunstone-preferences.png
new file mode 100644
index 000000000..baf809131
Binary files /dev/null and b/assets/images/sunstone/common/dark/sunstone-preferences.png differ
diff --git a/assets/images/sunstone/common/dark/sunstone-vms-card-view.png b/assets/images/sunstone/common/dark/sunstone-vms-card-view.png
new file mode 100644
index 000000000..e80bbe96f
Binary files /dev/null and b/assets/images/sunstone/common/dark/sunstone-vms-card-view.png differ
diff --git a/assets/images/sunstone/common/dark/sunstone-vms-table-view.png b/assets/images/sunstone/common/dark/sunstone-vms-table-view.png
new file mode 100644
index 000000000..15f5050bf
Binary files /dev/null and b/assets/images/sunstone/common/dark/sunstone-vms-table-view.png differ
diff --git a/assets/images/sunstone/common/light/sunstone-full-dashboard-custom-logo.png b/assets/images/sunstone/common/light/sunstone-full-dashboard-custom-logo.png
new file mode 100644
index 000000000..074f29b24
Binary files /dev/null and b/assets/images/sunstone/common/light/sunstone-full-dashboard-custom-logo.png differ
diff --git a/assets/images/sunstone/common/light/sunstone-login-page-custom-logo.png b/assets/images/sunstone/common/light/sunstone-login-page-custom-logo.png
new file mode 100644
index 000000000..e2915634a
Binary files /dev/null and b/assets/images/sunstone/common/light/sunstone-login-page-custom-logo.png differ
diff --git a/assets/images/sunstone/common/light/sunstone-preferences.png b/assets/images/sunstone/common/light/sunstone-preferences.png
new file mode 100644
index 000000000..58ced48e5
Binary files /dev/null and b/assets/images/sunstone/common/light/sunstone-preferences.png differ
diff --git a/assets/images/sunstone/common/light/sunstone-vms-card-view.png b/assets/images/sunstone/common/light/sunstone-vms-card-view.png
new file mode 100644
index 000000000..d5512c2fc
Binary files /dev/null and b/assets/images/sunstone/common/light/sunstone-vms-card-view.png differ
diff --git a/assets/images/sunstone/common/light/sunstone-vms-table-view.png b/assets/images/sunstone/common/light/sunstone-vms-table-view.png
new file mode 100644
index 000000000..0de294233
Binary files /dev/null and b/assets/images/sunstone/common/light/sunstone-vms-table-view.png differ
diff --git a/assets/images/sunstone_network_options-2.png b/assets/images/sunstone_network_options-2.png
deleted file mode 100644
index 2601dd014..000000000
Binary files a/assets/images/sunstone_network_options-2.png and /dev/null differ
diff --git a/assets/images/sunstone_network_options-3.png b/assets/images/sunstone_network_options-3.png
deleted file mode 100644
index 97d83e67e..000000000
Binary files a/assets/images/sunstone_network_options-3.png and /dev/null differ
diff --git a/assets/images/sunstone_network_options.png b/assets/images/sunstone_network_options.png
deleted file mode 100644
index 2a5f6798f..000000000
Binary files a/assets/images/sunstone_network_options.png and /dev/null differ
diff --git a/assets/images/sunstone_resource_full_mode.png b/assets/images/sunstone_resource_full_mode.png
deleted file mode 100644
index 45a5f7764..000000000
Binary files a/assets/images/sunstone_resource_full_mode.png and /dev/null differ
diff --git a/assets/images/sunstone_resource_split_mode.png b/assets/images/sunstone_resource_split_mode.png
deleted file mode 100644
index dd316ed30..000000000
Binary files a/assets/images/sunstone_resource_split_mode.png and /dev/null differ
diff --git a/assets/images/sunstone_update_quota.png b/assets/images/sunstone_update_quota.png
deleted file mode 100644
index c481b8978..000000000
Binary files a/assets/images/sunstone_update_quota.png and /dev/null differ
diff --git a/assets/images/sunstone_user_info_quotas.png b/assets/images/sunstone_user_info_quotas.png
deleted file mode 100644
index 7667817d8..000000000
Binary files a/assets/images/sunstone_user_info_quotas.png and /dev/null differ
diff --git a/assets/images/sunstone_user_inputs.png b/assets/images/sunstone_user_inputs.png
deleted file mode 100644
index 73f11a993..000000000
Binary files a/assets/images/sunstone_user_inputs.png and /dev/null differ
diff --git a/assets/images/virtual_machines/templates/dark/net-alias.png b/assets/images/virtual_machines/templates/dark/net-alias.png
new file mode 100644
index 000000000..fdd500943
Binary files /dev/null and b/assets/images/virtual_machines/templates/dark/net-alias.png differ
diff --git a/assets/images/virtual_machines/templates/dark/net-no-automatic.png b/assets/images/virtual_machines/templates/dark/net-no-automatic.png
new file mode 100644
index 000000000..cd8997be9
Binary files /dev/null and b/assets/images/virtual_machines/templates/dark/net-no-automatic.png differ
diff --git a/assets/images/virtual_machines/templates/dark/ordering-inputs.png b/assets/images/virtual_machines/templates/dark/ordering-inputs.png
new file mode 100644
index 000000000..c312d1611
Binary files /dev/null and b/assets/images/virtual_machines/templates/dark/ordering-inputs.png differ
diff --git a/assets/images/virtual_machines/templates/dark/os-cpu-tab.png b/assets/images/virtual_machines/templates/dark/os-cpu-tab.png
new file mode 100644
index 000000000..e61e803ae
Binary files /dev/null and b/assets/images/virtual_machines/templates/dark/os-cpu-tab.png differ
diff --git a/assets/images/virtual_machines/templates/dark/select-net.png b/assets/images/virtual_machines/templates/dark/select-net.png
new file mode 100644
index 000000000..e4a80535d
Binary files /dev/null and b/assets/images/virtual_machines/templates/dark/select-net.png differ
diff --git a/assets/images/virtual_machines/templates/light/net-alias.png b/assets/images/virtual_machines/templates/light/net-alias.png
new file mode 100644
index 000000000..12665b686
Binary files /dev/null and b/assets/images/virtual_machines/templates/light/net-alias.png differ
diff --git a/assets/images/virtual_machines/templates/light/net-no-automatic.png b/assets/images/virtual_machines/templates/light/net-no-automatic.png
new file mode 100644
index 000000000..6913aa8d1
Binary files /dev/null and b/assets/images/virtual_machines/templates/light/net-no-automatic.png differ
diff --git a/assets/images/virtual_machines/templates/light/ordering-inputs.png b/assets/images/virtual_machines/templates/light/ordering-inputs.png
new file mode 100644
index 000000000..14606c90e
Binary files /dev/null and b/assets/images/virtual_machines/templates/light/ordering-inputs.png differ
diff --git a/assets/images/virtual_machines/templates/light/os-cpu-tab.png b/assets/images/virtual_machines/templates/light/os-cpu-tab.png
new file mode 100644
index 000000000..e4342e2c8
Binary files /dev/null and b/assets/images/virtual_machines/templates/light/os-cpu-tab.png differ
diff --git a/assets/images/virtual_machines/templates/light/select-net.png b/assets/images/virtual_machines/templates/light/select-net.png
new file mode 100644
index 000000000..078371198
Binary files /dev/null and b/assets/images/virtual_machines/templates/light/select-net.png differ
diff --git a/assets/images/vmg_wizard_create-2.png b/assets/images/vmg_wizard_create-2.png
deleted file mode 100644
index 7a6a3b5ad..000000000
Binary files a/assets/images/vmg_wizard_create-2.png and /dev/null differ
diff --git a/assets/images/vmg_wizard_create.png b/assets/images/vmg_wizard_create.png
deleted file mode 100644
index 1f859daf9..000000000
Binary files a/assets/images/vmg_wizard_create.png and /dev/null differ
diff --git a/content/product/cloud_system_administration/capacity_planning/affinity.md b/content/product/cloud_system_administration/capacity_planning/affinity.md
index d9c380545..75710bdba 100644
--- a/content/product/cloud_system_administration/capacity_planning/affinity.md
+++ b/content/product/cloud_system_administration/capacity_planning/affinity.md
@@ -168,5 +168,14 @@ Note also that the same ACL/permission system is applied to VM Groups, so use ac
You can also manage VM Groups using [Sunstone]({{% relref "../../control_plane_configuration/graphical_user_interface/overview" %}}), through the VM Group tab.
-
-
+{{< image
+ pathDark="/images/capacity/dark/vmgroup-role-definition.png"
+ path="/images/capacity/light/vmgroup-role-definition.png"
+ alt="VM Group role definition" align="center" width="90%" mb="20px"
+>}}
+
+{{< image
+ pathDark="/images/capacity/dark/vm-group-role-affinity.png"
+ path="/images/capacity/light/vm-group-role-affinity.png"
+ alt="VM Group role affinity" align="center" width="90%" mb="20px"
+>}}
diff --git a/content/product/cloud_system_administration/capacity_planning/quotas.md b/content/product/cloud_system_administration/capacity_planning/quotas.md
index c9ec0b5b2..86ca930a7 100644
--- a/content/product/cloud_system_administration/capacity_planning/quotas.md
+++ b/content/product/cloud_system_administration/capacity_planning/quotas.md
@@ -295,6 +295,8 @@ IMAGE USAGE & QUOTAS
You can easily set the user/group quotas in Sunstone through the user/group tab. Similarly, usage and quota information is also available as part of the user/group information:
-
-
-
+{{< image
+ pathDark="/images/capacity/dark/group-quota.png"
+ path="/images/capacity/light/group-quota.png"
+ alt="Sunstone group quota" align="center" width="90%" mb="20px"
+>}}
diff --git a/content/product/operation_references/configuration_references/template.md b/content/product/operation_references/configuration_references/template.md
index 3883ac239..42fd6329a 100644
--- a/content/product/operation_references/configuration_references/template.md
+++ b/content/product/operation_references/configuration_references/template.md
@@ -1068,7 +1068,11 @@ For example:
In Sunstone, the `USER_INPUTS` can be ordered with the mouse.
-{{< image path="/images/sunstone_user_inputs.png" alt="Sunstone user inputs" align="center" width="90%" mb="20px" >}}
+{{< image
+ pathDark="/images/virtual_machines/templates/dark/ordering-inputs.png"
+ path="/images/virtual_machines/templates/light/ordering-inputs.png"
+ alt="Sunstone user inputs" align="center" width="90%" mb="20px"
+>}}
@@ -1236,8 +1240,20 @@ SUNSTONE = [
]
```
-{{< image path="/images/sunstone_network_options.png" alt="Sunstone network options" align="center" width="90%" mb="20px" >}}
-
-{{< image path="/images/sunstone_network_options-2.png" alt="Sunstone network options 2" align="center" width="90%" mb="20px" >}}
-
-{{< image path="/images/sunstone_network_options-3.png" alt="Sunstone network options 3" align="center" width="90%" mb="20px" >}}
+{{< image
+ pathDark="/images/virtual_machines/templates/dark/net-no-automatic.png"
+ path="/images/virtual_machines/templates/light/net-no-automatic.png"
+ alt="Sunstone network selection option" align="center" width="90%" mb="20px"
+>}}
+
+{{< image
+ pathDark="/images/virtual_machines/templates/dark/select-net.png"
+ path="/images/virtual_machines/templates/light/select-net.png"
+ alt="Sunstone network selection option" align="center" width="90%" mb="20px"
+>}}
+
+{{< image
+ pathDark="/images/virtual_machines/templates/dark/net-alias.png"
+ path="/images/virtual_machines/templates/light/net-alias.png"
+ alt="Sunstone network alias option" align="center" width="90%" mb="20px"
+>}}
diff --git a/content/product/operation_references/hypervisor_configuration/kvm_driver.md b/content/product/operation_references/hypervisor_configuration/kvm_driver.md
index 9b7c7e57c..61ed17004 100644
--- a/content/product/operation_references/hypervisor_configuration/kvm_driver.md
+++ b/content/product/operation_references/hypervisor_configuration/kvm_driver.md
@@ -267,7 +267,11 @@ If Secure Boot is enabled, the attribute `OS/MACHINE` must be set to `q35`.{{< /
All the OS & CPU options can be accessed in Sunstone from the VM Template Update/Create dialog, in the second step (Advanced options) under the "OS & CPU" tab.
-
+{{< image
+ pathDark="/images/virtual_machines/templates/dark/os-cpu-tab.png"
+ path="/images/virtual_machines/templates/light/os-cpu-tab.png"
+ alt="Sunstone OS and CPU tab" align="center" width="90%" mb="20px"
+>}}
#### Additional Attributes
diff --git a/content/product/operation_references/opennebula_services_configuration/fireedge.md b/content/product/operation_references/opennebula_services_configuration/fireedge.md
index 0c02ccd89..6082c5ecb 100644
--- a/content/product/operation_references/opennebula_services_configuration/fireedge.md
+++ b/content/product/operation_references/opennebula_services_configuration/fireedge.md
@@ -75,7 +75,11 @@ The Sunstone server configuration file can be found in `/etc/one/fireedge/sunsto
{{< alert title="Note" type="info" >}}
After a configuration change the FireEdge server must be [restarted]({{% relref "fireedge#fireedge-conf-service" %}}) to take effect.{{< /alert >}}
-{{< image path="/images/fireedge_sunstone_dashboard.png" alt="Fireedge Sunstone dashboard" align="center" width="90%" mb="40px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone_dashboard.png"
+ path="/images/sunstone/common/light/sunstone_dashboard.png"
+ alt="FireEdge Sunstone dashboard" align="center" width="90%" mb="40px"
+>}}
| Parameter | Default Value | Description |
| ---------------------- | --------------------------------------- | ------------------------------------------------------------ |
@@ -94,7 +98,6 @@ After a configuration change the FireEdge server must be [restarted]({{% relref
| `use_extended_vmpool` | `true` | True to use the extended information fetch for vm pools |
| `currentTimeZone` | | Time Zone |
| `rowStyle` | `card` | Changes the style of rows in tables. Values can be `card` or `list`. |
-| `fullViewMode` | `false` | Changes to full mode view when see details of a resource. Values can be `true` or `false`. |
Once the server is initialized, it creates the file `/var/lib/one/.one/fireedge_key`, used to encrypt communication with Guacd.
@@ -142,36 +145,45 @@ If the attribute `logo:` is defined and the attribute `favicon:` is not defined,
{{< alert title="Note" type="info" >}}
The logo and the favicon can be updated without needing to restart the FireEdge server!{{< /alert >}}
-{{< image path="/images/fireedge_login_linux_logo.png" alt="Sunstone login" align="center" width="90%" mb="20px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone-login-page-custom-logo.png"
+ path="/images/sunstone/common/light/sunstone-login-page-custom-logo.png"
+ alt="Sunstone login with custom logo" align="center" width="90%" mb="20px"
+>}}
-{{< image path="/images/fireedge_drawer_linux_logo.png" alt="Sunstone drawer" align="center" width="90%" mb="20px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone-full-dashboard-custom-logo.png"
+ path="/images/sunstone/common/light/sunstone-full-dashboard-custom-logo.png"
+ alt="Sunstone dashboard with custom logo" align="center" width="90%" mb="20px"
+>}}
### Configure Tables
-Tables in Sunstone can be configured to visualize data as a list of plain text or as a list of cards:
+Tables in Sunstone can be configured to visualize data as a table or as a list of cards:
-{{< image path="/images/sunstone_list_datatable.png" alt="Sunstone list datatable" align="center" width="90%" mb="40px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone-vms-card-view.png"
+ path="/images/sunstone/common/light/sunstone-vms-card-view.png"
+ alt="Sunstone virtual machines card view" align="center" width="90%" mb="20px"
+>}}
-{{< image path="/images/sunstone_card_datatable.png" alt="Sunstone card datatable" align="center" width="90%" mb="20px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone-vms-table-view.png"
+ path="/images/sunstone/common/light/sunstone-vms-table-view.png"
+ alt="Sunstone virtual machines table view" align="center" width="90%" mb="40px"
+>}}
This configuration could be modified in the `/etc/one/fireedge/sunstone/sunstone-server.conf` file modifying the parameter `rowStyle`. [See this table](fireedge#fireedge-sunstone-configuration).
-Moreover, Suntone has the capacity to show the detail of a resource in a full screen mode or in a split mode:
+This configuration will be overridden for a specific user if the user changes the configuration in the settings section.
-{{< image path="/images/sunstone_resource_full_mode.png" alt="Sunstone resource full mode" align="center" width="90%" mb="40px" >}}
-
-{{< image path="/images/sunstone_resource_split_mode.png" alt="Sunstone resource split mode" align="center" width="90%" mb="40px" >}}
-
-This configuration can be modified in the `/etc/one/fireedge/sunstone/sunstone-server.conf` file modifying the parameter `fullViewMode`. [See this table](#fireedge-sunstone-configuration).
-
-{{< alert title="Warning" type="warning" >}}
-Changes will not be visible for users whose template has the `TEMPLATE/FIREEDGE/FULL_SCREEN_INFO` attribute configured, as this value takes precedence over the general Sunstone configuration.{{< /alert >}}
-
-Also, both configurations will be overridden for a specific user if the user changes the configuration in the settings section.
-
-{{< image path="/images/sunstone_setting_list_datatable.png" alt="Sunstone setting list datatable" align="center" width="90%" mb="40px" >}}
+{{< image
+ pathDark="/images/sunstone/common/dark/sunstone-preferences.png"
+ path="/images/sunstone/common/light/sunstone-preferences.png"
+ alt="Sunstone preferences" align="center" width="90%" mb="40px"
+>}}
### Customize colors