Update screenshots

README.md

@@ -12,10 +12,6 @@
 
 NetBox exists to empower network engineers. Since its release in 2016, it has become the go-to solution for modeling and documenting network infrastructure for thousands of organizations worldwide. As a successor to legacy IPAM and DCIM applications, NetBox provides a cohesive, extensive, and accessible data model for all things networked. By providing a single robust user interface and programmable APIs for everything from cable maps to device configurations, NetBox serves as the central source of truth for the modern network.
 
-<p align="center">
-  <img src="docs/media/screenshots/netbox-ui.png" width="600" alt="NetBox user interface screenshot" />
-</p>
-
 <p align="center">
   <a href="#netboxs-role">NetBox's Role</a> |
   <a href="#why-netbox">Why NetBox?</a> |
@@ -25,6 +21,10 @@ NetBox exists to empower network engineers. Since its release in 2016, it has be
   <a href="#screenshots">Screenshots</a>
 </p>
 
+<p align="center">
+  <img src="docs/media/screenshots/home-light.png" width="600" alt="NetBox user interface screenshot" />
+</p>
+
 ## NetBox's Role
 
 NetBox functions as the **source of truth** for your network infrastructure. Its job is to define and validate the _intended state_ of all network components and resources. NetBox does not interact with network nodes directly; rather, it makes this data available programmatically to purpose-built automation, monitoring, and assurance tools. This separation of duties enables the construction of a robust yet flexible automation system.
@@ -104,10 +104,8 @@ NetBox automatically logs the creation, modification, and deletion of all manage
 
 ## Screenshots
 
-![Screenshot of main page (dark mode)](docs/media/screenshots/home-dark.png "Main page (dark mode)")
+<img src="docs/media/screenshots/home-light.png" width="400" />
-
+<img src="docs/media/screenshots/home-dark.png" width="400" />
-![Screenshot of rack elevation](docs/media/screenshots/rack.png "Rack elevation")
+<img src="docs/media/screenshots/prefixes-list.png" width="400" />
-
+<img src="docs/media/screenshots/rack.png" width="400" />
-![Screenshot of prefixes hierarchy](docs/media/screenshots/prefixes-list.png "Prefixes hierarchy")
+<img src="docs/media/screenshots/cable-trace.png" width="400" />
-
-![Screenshot of cable trace](docs/media/screenshots/cable-trace.png "Cable tracing")

docs/index.md

@@ -4,7 +4,7 @@
 
 NetBox is the leading solution for modeling and documenting modern networks. By combining the traditional disciplines of IP address management (IPAM) and datacenter infrastructure management (DCIM) with powerful APIs and extensions, NetBox provides the ideal "source of truth" to power network automation. Read on to discover why thousands of organizations worldwide put NetBox at the heart of their infrastructure.
 
-[![NetBox UI](./media/screenshots/netbox-ui.png)](./media/screenshots/netbox-ui.png)
+[![NetBox UI](./media/screenshots/home-light.png)](./media/screenshots/home-light.png)
 
 ## :material-server-network: Built for Networks