From 0adbe36a0fa3d17b49f18716d7ac9248e3b0231f Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Sun, 10 Dec 2023 21:32:40 +0100
Subject: [PATCH 1/2] feat: add invertible class for images

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 assets/css/styles.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 098f39d374c..9602a9b12fc 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -29,6 +29,10 @@
   @apply text-blue-light dark:text-blue-dark underline-offset-2 underline;
 }
 
+.invertible {
+  @apply dark:filter dark:invert dark:hue-rotate-180;
+}
+
 hr {
   @apply border-divider-light dark:border-divider-dark;
 }

From 57815c3be80c372b846514728e0dfc9721f63f47 Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Sun, 10 Dec 2023 21:33:27 +0100
Subject: [PATCH 2/2] build: make LLB DAG diagram invertible

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 content/build/buildkit/_index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/build/buildkit/_index.md b/content/build/buildkit/_index.md
index 171cd633b93..91241183d24 100644
--- a/content/build/buildkit/_index.md
+++ b/content/build/buildkit/_index.md
@@ -42,7 +42,7 @@ dependency graph that can be used to put together very complex build
 definitions. It also supports features not exposed in Dockerfiles, like direct
 data mounting and nested invocation.
 
-![Directed acyclic graph (DAG)](../images/buildkit-dag.svg)
+{{< figure src="../images/buildkit-dag.svg" class="invertible" >}}
 
 Everything about execution and caching of your builds is defined in LLB. The
 caching model is entirely rewritten compared to the legacy builder. Rather than