diff --git a/README.md b/README.md
index fdc18607a..3a8878ccf 100644
--- a/README.md
+++ b/README.md
@@ -83,7 +83,6 @@
 
 Visit [surrealdb.com/docs](https://surrealdb.com/docs/surrealdb/) to get started with SurrealDB. 
 
-
 ## Learn SurrealDB
 
 - SurrealDB University: https://surrealdb.com/learn/fundamentals
diff --git a/bun.lockb b/bun.lockb
index 53ae30c4f..91a2c16ef 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/src/assets/img/icon/dark/actix.png b/src/assets/img/icon/dark/actix.png
index 11230bf21..8fdb25c4b 100644
Binary files a/src/assets/img/icon/dark/actix.png and b/src/assets/img/icon/dark/actix.png differ
diff --git a/src/assets/img/icon/dark/amazon.png b/src/assets/img/icon/dark/amazon.png
index 1fa2e432e..fe7a127b8 100644
Binary files a/src/assets/img/icon/dark/amazon.png and b/src/assets/img/icon/dark/amazon.png differ
diff --git a/src/assets/img/icon/dark/angular.png b/src/assets/img/icon/dark/angular.png
index 1ad9e0109..376b97a55 100644
Binary files a/src/assets/img/icon/dark/angular.png and b/src/assets/img/icon/dark/angular.png differ
diff --git a/src/assets/img/icon/dark/apple.png b/src/assets/img/icon/dark/apple.png
index 8d3d4ea49..a5d61f02f 100644
Binary files a/src/assets/img/icon/dark/apple.png and b/src/assets/img/icon/dark/apple.png differ
diff --git a/src/assets/img/icon/dark/axum.png b/src/assets/img/icon/dark/axum.png
index 11230bf21..8fdb25c4b 100644
Binary files a/src/assets/img/icon/dark/axum.png and b/src/assets/img/icon/dark/axum.png differ
diff --git a/src/assets/img/icon/dark/azure.png b/src/assets/img/icon/dark/azure.png
index 35ad507be..ffe1527f4 100644
Binary files a/src/assets/img/icon/dark/azure.png and b/src/assets/img/icon/dark/azure.png differ
diff --git a/src/assets/img/icon/dark/book.png b/src/assets/img/icon/dark/book.png
index a422ab522..dad50bc7e 100644
Binary files a/src/assets/img/icon/dark/book.png and b/src/assets/img/icon/dark/book.png differ
diff --git a/src/assets/img/icon/dark/c.png b/src/assets/img/icon/dark/c.png
index 549eca265..f76028989 100644
Binary files a/src/assets/img/icon/dark/c.png and b/src/assets/img/icon/dark/c.png differ
diff --git a/src/assets/img/icon/dark/cbor.png b/src/assets/img/icon/dark/cbor.png
index 9adbc225b..63a2d0464 100644
Binary files a/src/assets/img/icon/dark/cbor.png and b/src/assets/img/icon/dark/cbor.png differ
diff --git a/src/assets/img/icon/dark/clisdb.png b/src/assets/img/icon/dark/clisdb.png
index f3bb9368c..863f221f1 100644
Binary files a/src/assets/img/icon/dark/clisdb.png and b/src/assets/img/icon/dark/clisdb.png differ
diff --git a/src/assets/img/icon/dark/cloud.png b/src/assets/img/icon/dark/cloud.png
index b49988553..e53d00fab 100644
Binary files a/src/assets/img/icon/dark/cloud.png and b/src/assets/img/icon/dark/cloud.png differ
diff --git a/src/assets/img/icon/dark/dart.png b/src/assets/img/icon/dark/dart.png
index 67e9bbc4a..89d654b93 100644
Binary files a/src/assets/img/icon/dark/dart.png and b/src/assets/img/icon/dark/dart.png differ
diff --git a/src/assets/img/icon/dark/deno.png b/src/assets/img/icon/dark/deno.png
index c7c9ffdaf..269297230 100644
Binary files a/src/assets/img/icon/dark/deno.png and b/src/assets/img/icon/dark/deno.png differ
diff --git a/src/assets/img/icon/dark/deployment.png b/src/assets/img/icon/dark/deployment.png
index 3a2767aae..4a11b1690 100644
Binary files a/src/assets/img/icon/dark/deployment.png and b/src/assets/img/icon/dark/deployment.png differ
diff --git a/src/assets/img/icon/dark/digitalocean.png b/src/assets/img/icon/dark/digitalocean.png
index c9f8f7046..0d5f9e59e 100644
Binary files a/src/assets/img/icon/dark/digitalocean.png and b/src/assets/img/icon/dark/digitalocean.png differ
diff --git a/src/assets/img/icon/dark/docker.png b/src/assets/img/icon/dark/docker.png
index 7dff3c47b..e82d1a486 100644
Binary files a/src/assets/img/icon/dark/docker.png and b/src/assets/img/icon/dark/docker.png differ
diff --git a/src/assets/img/icon/dark/document.png b/src/assets/img/icon/dark/document.png
index 2cabc0c74..53b5f0dae 100644
Binary files a/src/assets/img/icon/dark/document.png and b/src/assets/img/icon/dark/document.png differ
diff --git a/src/assets/img/icon/dark/dotnet.png b/src/assets/img/icon/dark/dotnet.png
index e0773d2ce..084917308 100644
Binary files a/src/assets/img/icon/dark/dotnet.png and b/src/assets/img/icon/dark/dotnet.png differ
diff --git a/src/assets/img/icon/dark/embeddingg.png b/src/assets/img/icon/dark/embeddingg.png
index ed665f52b..31e873fef 100644
Binary files a/src/assets/img/icon/dark/embeddingg.png and b/src/assets/img/icon/dark/embeddingg.png differ
diff --git a/src/assets/img/icon/dark/emberjs.png b/src/assets/img/icon/dark/emberjs.png
index 527135a58..773b03687 100644
Binary files a/src/assets/img/icon/dark/emberjs.png and b/src/assets/img/icon/dark/emberjs.png differ
diff --git a/src/assets/img/icon/dark/erlang.png b/src/assets/img/icon/dark/erlang.png
index 8a990a693..3e218f5f0 100644
Binary files a/src/assets/img/icon/dark/erlang.png and b/src/assets/img/icon/dark/erlang.png differ
diff --git a/src/assets/img/icon/dark/examples.png b/src/assets/img/icon/dark/examples.png
index 9bf02d6cf..2d6b684f9 100644
Binary files a/src/assets/img/icon/dark/examples.png and b/src/assets/img/icon/dark/examples.png differ
diff --git a/src/assets/img/icon/dark/flutter.png b/src/assets/img/icon/dark/flutter.png
index 8757ba3fd..e48f8299a 100644
Binary files a/src/assets/img/icon/dark/flutter.png and b/src/assets/img/icon/dark/flutter.png differ
diff --git a/src/assets/img/icon/dark/fly.png b/src/assets/img/icon/dark/fly.png
index 72e0cb02c..d5a0fc8cf 100644
Binary files a/src/assets/img/icon/dark/fly.png and b/src/assets/img/icon/dark/fly.png differ
diff --git a/src/assets/img/icon/dark/full-text-search.png b/src/assets/img/icon/dark/full-text-search.png
index d48ff56c6..5bc847c83 100644
Binary files a/src/assets/img/icon/dark/full-text-search.png and b/src/assets/img/icon/dark/full-text-search.png differ
diff --git a/src/assets/img/icon/dark/geospatial.png b/src/assets/img/icon/dark/geospatial.png
index 6dfb6e85a..5cf06b537 100644
Binary files a/src/assets/img/icon/dark/geospatial.png and b/src/assets/img/icon/dark/geospatial.png differ
diff --git a/src/assets/img/icon/dark/golang.png b/src/assets/img/icon/dark/golang.png
index 65f52917a..00dd805d4 100644
Binary files a/src/assets/img/icon/dark/golang.png and b/src/assets/img/icon/dark/golang.png differ
diff --git a/src/assets/img/icon/dark/google.png b/src/assets/img/icon/dark/google.png
index b22ff2d31..a3ec30fc4 100644
Binary files a/src/assets/img/icon/dark/google.png and b/src/assets/img/icon/dark/google.png differ
diff --git a/src/assets/img/icon/dark/gql.png b/src/assets/img/icon/dark/gql.png
index cfb0d6884..d7ecd48b5 100644
Binary files a/src/assets/img/icon/dark/gql.png and b/src/assets/img/icon/dark/gql.png differ
diff --git a/src/assets/img/icon/dark/graph.png b/src/assets/img/icon/dark/graph.png
index 644b8609b..ec2e74e2e 100644
Binary files a/src/assets/img/icon/dark/graph.png and b/src/assets/img/icon/dark/graph.png differ
diff --git a/src/assets/img/icon/dark/heroku.png b/src/assets/img/icon/dark/heroku.png
index 26d9dd0f8..a93d72c37 100644
Binary files a/src/assets/img/icon/dark/heroku.png and b/src/assets/img/icon/dark/heroku.png differ
diff --git a/src/assets/img/icon/dark/http.png b/src/assets/img/icon/dark/http.png
index 455419037..70648a432 100644
Binary files a/src/assets/img/icon/dark/http.png and b/src/assets/img/icon/dark/http.png differ
diff --git a/src/assets/img/icon/dark/integrations.png b/src/assets/img/icon/dark/integrations.png
index d067b8f2b..6190888bd 100644
Binary files a/src/assets/img/icon/dark/integrations.png and b/src/assets/img/icon/dark/integrations.png differ
diff --git a/src/assets/img/icon/dark/java.png b/src/assets/img/icon/dark/java.png
index 9b58546ee..d2002c07d 100644
Binary files a/src/assets/img/icon/dark/java.png and b/src/assets/img/icon/dark/java.png differ
diff --git a/src/assets/img/icon/dark/javascript.png b/src/assets/img/icon/dark/javascript.png
index b34553b5a..1fc6de2db 100644
Binary files a/src/assets/img/icon/dark/javascript.png and b/src/assets/img/icon/dark/javascript.png differ
diff --git a/src/assets/img/icon/dark/kubernetes.png b/src/assets/img/icon/dark/kubernetes.png
index e4003ba85..20d36881b 100644
Binary files a/src/assets/img/icon/dark/kubernetes.png and b/src/assets/img/icon/dark/kubernetes.png differ
diff --git a/src/assets/img/icon/dark/kv.png b/src/assets/img/icon/dark/kv.png
index 4bb0f97f1..a958d782e 100644
Binary files a/src/assets/img/icon/dark/kv.png and b/src/assets/img/icon/dark/kv.png differ
diff --git a/src/assets/img/icon/dark/laravel.png b/src/assets/img/icon/dark/laravel.png
index 6b79d98ed..2afc530c5 100644
Binary files a/src/assets/img/icon/dark/laravel.png and b/src/assets/img/icon/dark/laravel.png differ
diff --git a/src/assets/img/icon/dark/linux.png b/src/assets/img/icon/dark/linux.png
index b87f6a45a..be8c8c52b 100644
Binary files a/src/assets/img/icon/dark/linux.png and b/src/assets/img/icon/dark/linux.png differ
diff --git a/src/assets/img/icon/dark/mongodb.png b/src/assets/img/icon/dark/mongodb.png
index 62cf776f5..65a193512 100644
Binary files a/src/assets/img/icon/dark/mongodb.png and b/src/assets/img/icon/dark/mongodb.png differ
diff --git a/src/assets/img/icon/dark/neo4j.png b/src/assets/img/icon/dark/neo4j.png
index d09648ae2..66387d41f 100644
Binary files a/src/assets/img/icon/dark/neo4j.png and b/src/assets/img/icon/dark/neo4j.png differ
diff --git a/src/assets/img/icon/dark/nestjs.png b/src/assets/img/icon/dark/nestjs.png
index ebdd2333c..a2e65817f 100644
Binary files a/src/assets/img/icon/dark/nestjs.png and b/src/assets/img/icon/dark/nestjs.png differ
diff --git a/src/assets/img/icon/dark/nextjs.png b/src/assets/img/icon/dark/nextjs.png
index 2337e02b4..bd1296fc6 100644
Binary files a/src/assets/img/icon/dark/nextjs.png and b/src/assets/img/icon/dark/nextjs.png differ
diff --git a/src/assets/img/icon/dark/nodejs.png b/src/assets/img/icon/dark/nodejs.png
index 7f5540516..fccdccbad 100644
Binary files a/src/assets/img/icon/dark/nodejs.png and b/src/assets/img/icon/dark/nodejs.png differ
diff --git a/src/assets/img/icon/dark/nuxtjs.png b/src/assets/img/icon/dark/nuxtjs.png
index 2e073265d..8fe720909 100644
Binary files a/src/assets/img/icon/dark/nuxtjs.png and b/src/assets/img/icon/dark/nuxtjs.png differ
diff --git a/src/assets/img/icon/dark/php.png b/src/assets/img/icon/dark/php.png
index 02c14c2b4..41442de06 100644
Binary files a/src/assets/img/icon/dark/php.png and b/src/assets/img/icon/dark/php.png differ
diff --git a/src/assets/img/icon/dark/python.png b/src/assets/img/icon/dark/python.png
index 36ab16347..610fb2fca 100644
Binary files a/src/assets/img/icon/dark/python.png and b/src/assets/img/icon/dark/python.png differ
diff --git a/src/assets/img/icon/dark/r.png b/src/assets/img/icon/dark/r.png
index 4df005ea9..bc46d4eae 100644
Binary files a/src/assets/img/icon/dark/r.png and b/src/assets/img/icon/dark/r.png differ
diff --git a/src/assets/img/icon/dark/railway.png b/src/assets/img/icon/dark/railway.png
index 429136d00..ad8bef952 100644
Binary files a/src/assets/img/icon/dark/railway.png and b/src/assets/img/icon/dark/railway.png differ
diff --git a/src/assets/img/icon/dark/reactjs.png b/src/assets/img/icon/dark/reactjs.png
index cafd84ad5..b10567bb8 100644
Binary files a/src/assets/img/icon/dark/reactjs.png and b/src/assets/img/icon/dark/reactjs.png differ
diff --git a/src/assets/img/icon/dark/record-access.png b/src/assets/img/icon/dark/record-access.png
index dab9ea9ab..e783ec900 100644
Binary files a/src/assets/img/icon/dark/record-access.png and b/src/assets/img/icon/dark/record-access.png differ
diff --git a/src/assets/img/icon/dark/reference-guides.png b/src/assets/img/icon/dark/reference-guides.png
index 5648121b5..bfa001a05 100644
Binary files a/src/assets/img/icon/dark/reference-guides.png and b/src/assets/img/icon/dark/reference-guides.png differ
diff --git a/src/assets/img/icon/dark/rerun.png b/src/assets/img/icon/dark/rerun.png
index 11230bf21..8fdb25c4b 100644
Binary files a/src/assets/img/icon/dark/rerun.png and b/src/assets/img/icon/dark/rerun.png differ
diff --git a/src/assets/img/icon/dark/rocket.png b/src/assets/img/icon/dark/rocket.png
index 11230bf21..8fdb25c4b 100644
Binary files a/src/assets/img/icon/dark/rocket.png and b/src/assets/img/icon/dark/rocket.png differ
diff --git a/src/assets/img/icon/dark/rpc.png b/src/assets/img/icon/dark/rpc.png
index ed9c83a65..d4a825539 100644
Binary files a/src/assets/img/icon/dark/rpc.png and b/src/assets/img/icon/dark/rpc.png differ
diff --git a/src/assets/img/icon/dark/ruby.png b/src/assets/img/icon/dark/ruby.png
index ba84ccbd1..0f8199aba 100644
Binary files a/src/assets/img/icon/dark/ruby.png and b/src/assets/img/icon/dark/ruby.png differ
diff --git a/src/assets/img/icon/dark/rust.png b/src/assets/img/icon/dark/rust.png
index 11230bf21..8fdb25c4b 100644
Binary files a/src/assets/img/icon/dark/rust.png and b/src/assets/img/icon/dark/rust.png differ
diff --git a/src/assets/img/icon/dark/sidekick.png b/src/assets/img/icon/dark/sidekick.png
index 3f6898db7..05f128087 100644
Binary files a/src/assets/img/icon/dark/sidekick.png and b/src/assets/img/icon/dark/sidekick.png differ
diff --git a/src/assets/img/icon/dark/solidjs.png b/src/assets/img/icon/dark/solidjs.png
index 8f60d76fa..eee2b4828 100644
Binary files a/src/assets/img/icon/dark/solidjs.png and b/src/assets/img/icon/dark/solidjs.png differ
diff --git a/src/assets/img/icon/dark/surrealdb.png b/src/assets/img/icon/dark/surrealdb.png
index 5cc0671be..8d4978c38 100644
Binary files a/src/assets/img/icon/dark/surrealdb.png and b/src/assets/img/icon/dark/surrealdb.png differ
diff --git a/src/assets/img/icon/dark/surrealist.png b/src/assets/img/icon/dark/surrealist.png
index 2999657a2..884980935 100644
Binary files a/src/assets/img/icon/dark/surrealist.png and b/src/assets/img/icon/dark/surrealist.png differ
diff --git a/src/assets/img/icon/dark/surrealml.png b/src/assets/img/icon/dark/surrealml.png
index 4c6c690a6..07926d1d5 100644
Binary files a/src/assets/img/icon/dark/surrealml.png and b/src/assets/img/icon/dark/surrealml.png differ
diff --git a/src/assets/img/icon/dark/surrealql.png b/src/assets/img/icon/dark/surrealql.png
index d8996979b..f754686d7 100644
Binary files a/src/assets/img/icon/dark/surrealql.png and b/src/assets/img/icon/dark/surrealql.png differ
diff --git a/src/assets/img/icon/dark/sveltejs.png b/src/assets/img/icon/dark/sveltejs.png
index c2e9a49c9..934d8fb39 100644
Binary files a/src/assets/img/icon/dark/sveltejs.png and b/src/assets/img/icon/dark/sveltejs.png differ
diff --git a/src/assets/img/icon/dark/swift.png b/src/assets/img/icon/dark/swift.png
index 232ae745b..79c88c86c 100644
Binary files a/src/assets/img/icon/dark/swift.png and b/src/assets/img/icon/dark/swift.png differ
diff --git a/src/assets/img/icon/dark/symfony.png b/src/assets/img/icon/dark/symfony.png
index 2202dbc1a..6dbb76626 100644
Binary files a/src/assets/img/icon/dark/symfony.png and b/src/assets/img/icon/dark/symfony.png differ
diff --git a/src/assets/img/icon/dark/system-access.png b/src/assets/img/icon/dark/system-access.png
index 66b885e3a..c5b3ccc02 100644
Binary files a/src/assets/img/icon/dark/system-access.png and b/src/assets/img/icon/dark/system-access.png differ
diff --git a/src/assets/img/icon/dark/time-series.png b/src/assets/img/icon/dark/time-series.png
index b1d873128..2437e8b3e 100644
Binary files a/src/assets/img/icon/dark/time-series.png and b/src/assets/img/icon/dark/time-series.png differ
diff --git a/src/assets/img/icon/dark/token-access.png b/src/assets/img/icon/dark/token-access.png
index 27bafd807..d82979fbf 100644
Binary files a/src/assets/img/icon/dark/token-access.png and b/src/assets/img/icon/dark/token-access.png differ
diff --git a/src/assets/img/icon/dark/tutorials.png b/src/assets/img/icon/dark/tutorials.png
index 6bf53a97c..85d54fe83 100644
Binary files a/src/assets/img/icon/dark/tutorials.png and b/src/assets/img/icon/dark/tutorials.png differ
diff --git a/src/assets/img/icon/dark/typescript.png b/src/assets/img/icon/dark/typescript.png
index 83ab70159..3f208ca3e 100644
Binary files a/src/assets/img/icon/dark/typescript.png and b/src/assets/img/icon/dark/typescript.png differ
diff --git a/src/assets/img/icon/dark/university.png b/src/assets/img/icon/dark/university.png
index 4ff9b15ce..48d080a0c 100644
Binary files a/src/assets/img/icon/dark/university.png and b/src/assets/img/icon/dark/university.png differ
diff --git a/src/assets/img/icon/dark/vector.png b/src/assets/img/icon/dark/vector.png
index 9a323f3b0..6ebd5fc62 100644
Binary files a/src/assets/img/icon/dark/vector.png and b/src/assets/img/icon/dark/vector.png differ
diff --git a/src/assets/img/icon/dark/vuejs.png b/src/assets/img/icon/dark/vuejs.png
index febdf0470..f919c604d 100644
Binary files a/src/assets/img/icon/dark/vuejs.png and b/src/assets/img/icon/dark/vuejs.png differ
diff --git a/src/assets/img/icon/dark/webassembly.png b/src/assets/img/icon/dark/webassembly.png
index 53c655912..598ffe677 100644
Binary files a/src/assets/img/icon/dark/webassembly.png and b/src/assets/img/icon/dark/webassembly.png differ
diff --git a/src/assets/img/icon/dark/windows.png b/src/assets/img/icon/dark/windows.png
index 430baa175..514f6437a 100644
Binary files a/src/assets/img/icon/dark/windows.png and b/src/assets/img/icon/dark/windows.png differ
diff --git a/src/assets/img/icon/light/Embedded.png b/src/assets/img/icon/light/Embedded.png
index 59a7c5ae8..a43ee5f41 100644
Binary files a/src/assets/img/icon/light/Embedded.png and b/src/assets/img/icon/light/Embedded.png differ
diff --git a/src/assets/img/icon/light/actix.png b/src/assets/img/icon/light/actix.png
index 75817aa5a..95ff2e20f 100644
Binary files a/src/assets/img/icon/light/actix.png and b/src/assets/img/icon/light/actix.png differ
diff --git a/src/assets/img/icon/light/amazon.png b/src/assets/img/icon/light/amazon.png
index 7d49ba9f6..2146ba313 100644
Binary files a/src/assets/img/icon/light/amazon.png and b/src/assets/img/icon/light/amazon.png differ
diff --git a/src/assets/img/icon/light/angular.png b/src/assets/img/icon/light/angular.png
index ca45dc301..04b62a90e 100644
Binary files a/src/assets/img/icon/light/angular.png and b/src/assets/img/icon/light/angular.png differ
diff --git a/src/assets/img/icon/light/apple.png b/src/assets/img/icon/light/apple.png
index 6211b4fe6..b7390c897 100644
Binary files a/src/assets/img/icon/light/apple.png and b/src/assets/img/icon/light/apple.png differ
diff --git a/src/assets/img/icon/light/axum.png b/src/assets/img/icon/light/axum.png
index 75817aa5a..95ff2e20f 100644
Binary files a/src/assets/img/icon/light/axum.png and b/src/assets/img/icon/light/axum.png differ
diff --git a/src/assets/img/icon/light/azure.png b/src/assets/img/icon/light/azure.png
index 0934e1335..3f93a3cc1 100644
Binary files a/src/assets/img/icon/light/azure.png and b/src/assets/img/icon/light/azure.png differ
diff --git a/src/assets/img/icon/light/book-light.png b/src/assets/img/icon/light/book-light.png
index a422ab522..dad50bc7e 100644
Binary files a/src/assets/img/icon/light/book-light.png and b/src/assets/img/icon/light/book-light.png differ
diff --git a/src/assets/img/icon/light/book.png b/src/assets/img/icon/light/book.png
index a422ab522..dad50bc7e 100644
Binary files a/src/assets/img/icon/light/book.png and b/src/assets/img/icon/light/book.png differ
diff --git a/src/assets/img/icon/light/c.png b/src/assets/img/icon/light/c.png
index cf819ad44..383f9f99b 100644
Binary files a/src/assets/img/icon/light/c.png and b/src/assets/img/icon/light/c.png differ
diff --git a/src/assets/img/icon/light/cbor-light.png b/src/assets/img/icon/light/cbor-light.png
index 9adbc225b..63a2d0464 100644
Binary files a/src/assets/img/icon/light/cbor-light.png and b/src/assets/img/icon/light/cbor-light.png differ
diff --git a/src/assets/img/icon/light/cbor.png b/src/assets/img/icon/light/cbor.png
index 9adbc225b..63a2d0464 100644
Binary files a/src/assets/img/icon/light/cbor.png and b/src/assets/img/icon/light/cbor.png differ
diff --git a/src/assets/img/icon/light/clisdb-light.png b/src/assets/img/icon/light/clisdb-light.png
index f3bb9368c..863f221f1 100644
Binary files a/src/assets/img/icon/light/clisdb-light.png and b/src/assets/img/icon/light/clisdb-light.png differ
diff --git a/src/assets/img/icon/light/clisdb.png b/src/assets/img/icon/light/clisdb.png
index f3bb9368c..863f221f1 100644
Binary files a/src/assets/img/icon/light/clisdb.png and b/src/assets/img/icon/light/clisdb.png differ
diff --git a/src/assets/img/icon/light/cloud-light.png b/src/assets/img/icon/light/cloud-light.png
index b2289a413..e53d00fab 100644
Binary files a/src/assets/img/icon/light/cloud-light.png and b/src/assets/img/icon/light/cloud-light.png differ
diff --git a/src/assets/img/icon/light/cloud.png b/src/assets/img/icon/light/cloud.png
new file mode 100644
index 000000000..e53d00fab
Binary files /dev/null and b/src/assets/img/icon/light/cloud.png differ
diff --git a/src/assets/img/icon/light/dart.png b/src/assets/img/icon/light/dart.png
index 188561199..8c5f3c8c1 100644
Binary files a/src/assets/img/icon/light/dart.png and b/src/assets/img/icon/light/dart.png differ
diff --git a/src/assets/img/icon/light/deno.png b/src/assets/img/icon/light/deno.png
index 3e55b3725..8e4844d98 100644
Binary files a/src/assets/img/icon/light/deno.png and b/src/assets/img/icon/light/deno.png differ
diff --git a/src/assets/img/icon/light/deployment-light.png b/src/assets/img/icon/light/deployment-light.png
index 3a2767aae..4a11b1690 100644
Binary files a/src/assets/img/icon/light/deployment-light.png and b/src/assets/img/icon/light/deployment-light.png differ
diff --git a/src/assets/img/icon/light/deployment.png b/src/assets/img/icon/light/deployment.png
index 3a2767aae..4a11b1690 100644
Binary files a/src/assets/img/icon/light/deployment.png and b/src/assets/img/icon/light/deployment.png differ
diff --git a/src/assets/img/icon/light/digitalocean.png b/src/assets/img/icon/light/digitalocean.png
index 15be69538..7d77e0b92 100644
Binary files a/src/assets/img/icon/light/digitalocean.png and b/src/assets/img/icon/light/digitalocean.png differ
diff --git a/src/assets/img/icon/light/docker.png b/src/assets/img/icon/light/docker.png
index 486aa3923..ea895f1cb 100644
Binary files a/src/assets/img/icon/light/docker.png and b/src/assets/img/icon/light/docker.png differ
diff --git a/src/assets/img/icon/light/document-light.png b/src/assets/img/icon/light/document-light.png
index 2cabc0c74..53b5f0dae 100644
Binary files a/src/assets/img/icon/light/document-light.png and b/src/assets/img/icon/light/document-light.png differ
diff --git a/src/assets/img/icon/light/document.png b/src/assets/img/icon/light/document.png
index 2cabc0c74..53b5f0dae 100644
Binary files a/src/assets/img/icon/light/document.png and b/src/assets/img/icon/light/document.png differ
diff --git a/src/assets/img/icon/light/dotnet.png b/src/assets/img/icon/light/dotnet.png
index a965bc9e3..3d55888b6 100644
Binary files a/src/assets/img/icon/light/dotnet.png and b/src/assets/img/icon/light/dotnet.png differ
diff --git a/src/assets/img/icon/light/embeddingg-light.png b/src/assets/img/icon/light/embeddingg-light.png
index ed665f52b..31e873fef 100644
Binary files a/src/assets/img/icon/light/embeddingg-light.png and b/src/assets/img/icon/light/embeddingg-light.png differ
diff --git a/src/assets/img/icon/light/embeddingg.png b/src/assets/img/icon/light/embeddingg.png
index ed665f52b..31e873fef 100644
Binary files a/src/assets/img/icon/light/embeddingg.png and b/src/assets/img/icon/light/embeddingg.png differ
diff --git a/src/assets/img/icon/light/emberjs.png b/src/assets/img/icon/light/emberjs.png
index 8ffd9863b..8f638ffa2 100644
Binary files a/src/assets/img/icon/light/emberjs.png and b/src/assets/img/icon/light/emberjs.png differ
diff --git a/src/assets/img/icon/light/erlang.png b/src/assets/img/icon/light/erlang.png
index e73546756..c76be3b42 100644
Binary files a/src/assets/img/icon/light/erlang.png and b/src/assets/img/icon/light/erlang.png differ
diff --git a/src/assets/img/icon/light/examples-light.png b/src/assets/img/icon/light/examples-light.png
new file mode 100644
index 000000000..2d6b684f9
Binary files /dev/null and b/src/assets/img/icon/light/examples-light.png differ
diff --git a/src/assets/img/icon/light/examples.png b/src/assets/img/icon/light/examples.png
index 9bf02d6cf..2d6b684f9 100644
Binary files a/src/assets/img/icon/light/examples.png and b/src/assets/img/icon/light/examples.png differ
diff --git a/src/assets/img/icon/light/flutter.png b/src/assets/img/icon/light/flutter.png
index 043cc23b9..61dcfd707 100644
Binary files a/src/assets/img/icon/light/flutter.png and b/src/assets/img/icon/light/flutter.png differ
diff --git a/src/assets/img/icon/light/fly.png b/src/assets/img/icon/light/fly.png
index e56e0e584..cec23d4c2 100644
Binary files a/src/assets/img/icon/light/fly.png and b/src/assets/img/icon/light/fly.png differ
diff --git a/src/assets/img/icon/light/full-text-search-light.png b/src/assets/img/icon/light/full-text-search-light.png
index d48ff56c6..5bc847c83 100644
Binary files a/src/assets/img/icon/light/full-text-search-light.png and b/src/assets/img/icon/light/full-text-search-light.png differ
diff --git a/src/assets/img/icon/light/full-text-search.png b/src/assets/img/icon/light/full-text-search.png
index d48ff56c6..5bc847c83 100644
Binary files a/src/assets/img/icon/light/full-text-search.png and b/src/assets/img/icon/light/full-text-search.png differ
diff --git a/src/assets/img/icon/light/geospatial-light.png b/src/assets/img/icon/light/geospatial-light.png
index 6dfb6e85a..5cf06b537 100644
Binary files a/src/assets/img/icon/light/geospatial-light.png and b/src/assets/img/icon/light/geospatial-light.png differ
diff --git a/src/assets/img/icon/light/geospatial.png b/src/assets/img/icon/light/geospatial.png
index 6dfb6e85a..5cf06b537 100644
Binary files a/src/assets/img/icon/light/geospatial.png and b/src/assets/img/icon/light/geospatial.png differ
diff --git a/src/assets/img/icon/light/golang.png b/src/assets/img/icon/light/golang.png
index 7d598eb49..28aa99983 100644
Binary files a/src/assets/img/icon/light/golang.png and b/src/assets/img/icon/light/golang.png differ
diff --git a/src/assets/img/icon/light/google.png b/src/assets/img/icon/light/google.png
index 6ea52a271..36746d280 100644
Binary files a/src/assets/img/icon/light/google.png and b/src/assets/img/icon/light/google.png differ
diff --git a/src/assets/img/icon/light/gql-light.png b/src/assets/img/icon/light/gql-light.png
index cfb0d6884..d7ecd48b5 100644
Binary files a/src/assets/img/icon/light/gql-light.png and b/src/assets/img/icon/light/gql-light.png differ
diff --git a/src/assets/img/icon/light/gql.png b/src/assets/img/icon/light/gql.png
index cfb0d6884..d7ecd48b5 100644
Binary files a/src/assets/img/icon/light/gql.png and b/src/assets/img/icon/light/gql.png differ
diff --git a/src/assets/img/icon/light/graph-light.png b/src/assets/img/icon/light/graph-light.png
index 644b8609b..ec2e74e2e 100644
Binary files a/src/assets/img/icon/light/graph-light.png and b/src/assets/img/icon/light/graph-light.png differ
diff --git a/src/assets/img/icon/light/graph.png b/src/assets/img/icon/light/graph.png
index 644b8609b..ec2e74e2e 100644
Binary files a/src/assets/img/icon/light/graph.png and b/src/assets/img/icon/light/graph.png differ
diff --git a/src/assets/img/icon/light/heroku.png b/src/assets/img/icon/light/heroku.png
index d3c0328b0..943cf5616 100644
Binary files a/src/assets/img/icon/light/heroku.png and b/src/assets/img/icon/light/heroku.png differ
diff --git a/src/assets/img/icon/light/http-light.png b/src/assets/img/icon/light/http-light.png
index 455419037..70648a432 100644
Binary files a/src/assets/img/icon/light/http-light.png and b/src/assets/img/icon/light/http-light.png differ
diff --git a/src/assets/img/icon/light/http.png b/src/assets/img/icon/light/http.png
index 455419037..70648a432 100644
Binary files a/src/assets/img/icon/light/http.png and b/src/assets/img/icon/light/http.png differ
diff --git a/src/assets/img/icon/light/integrations-light.png b/src/assets/img/icon/light/integrations-light.png
index 7f21b2dc0..6190888bd 100644
Binary files a/src/assets/img/icon/light/integrations-light.png and b/src/assets/img/icon/light/integrations-light.png differ
diff --git a/src/assets/img/icon/light/integrations.png b/src/assets/img/icon/light/integrations.png
index 7f21b2dc0..6190888bd 100644
Binary files a/src/assets/img/icon/light/integrations.png and b/src/assets/img/icon/light/integrations.png differ
diff --git a/src/assets/img/icon/light/java.png b/src/assets/img/icon/light/java.png
index 07b52631a..0382d82b7 100644
Binary files a/src/assets/img/icon/light/java.png and b/src/assets/img/icon/light/java.png differ
diff --git a/src/assets/img/icon/light/javascript.png b/src/assets/img/icon/light/javascript.png
index b67aa411f..b305b8494 100644
Binary files a/src/assets/img/icon/light/javascript.png and b/src/assets/img/icon/light/javascript.png differ
diff --git a/src/assets/img/icon/light/kubernetes.png b/src/assets/img/icon/light/kubernetes.png
index 0cf8260f3..3f9709746 100644
Binary files a/src/assets/img/icon/light/kubernetes.png and b/src/assets/img/icon/light/kubernetes.png differ
diff --git a/src/assets/img/icon/light/kv-light.png b/src/assets/img/icon/light/kv-light.png
index 4bb0f97f1..a958d782e 100644
Binary files a/src/assets/img/icon/light/kv-light.png and b/src/assets/img/icon/light/kv-light.png differ
diff --git a/src/assets/img/icon/light/kv.png b/src/assets/img/icon/light/kv.png
index 4bb0f97f1..a958d782e 100644
Binary files a/src/assets/img/icon/light/kv.png and b/src/assets/img/icon/light/kv.png differ
diff --git a/src/assets/img/icon/light/laravel.png b/src/assets/img/icon/light/laravel.png
index 256040f07..49934285f 100644
Binary files a/src/assets/img/icon/light/laravel.png and b/src/assets/img/icon/light/laravel.png differ
diff --git a/src/assets/img/icon/light/linux.png b/src/assets/img/icon/light/linux.png
index 7477fd18b..4bb69e11f 100644
Binary files a/src/assets/img/icon/light/linux.png and b/src/assets/img/icon/light/linux.png differ
diff --git a/src/assets/img/icon/light/ml-light.png b/src/assets/img/icon/light/ml-light.png
index bbee69627..07926d1d5 100644
Binary files a/src/assets/img/icon/light/ml-light.png and b/src/assets/img/icon/light/ml-light.png differ
diff --git a/src/assets/img/icon/light/mongodb.png b/src/assets/img/icon/light/mongodb.png
index a431a0b10..b614c0b6a 100644
Binary files a/src/assets/img/icon/light/mongodb.png and b/src/assets/img/icon/light/mongodb.png differ
diff --git a/src/assets/img/icon/light/neo4j.png b/src/assets/img/icon/light/neo4j.png
index 6e5fb2409..0af2b7832 100644
Binary files a/src/assets/img/icon/light/neo4j.png and b/src/assets/img/icon/light/neo4j.png differ
diff --git a/src/assets/img/icon/light/nestjs.png b/src/assets/img/icon/light/nestjs.png
index 3369c0c92..87b9d99aa 100644
Binary files a/src/assets/img/icon/light/nestjs.png and b/src/assets/img/icon/light/nestjs.png differ
diff --git a/src/assets/img/icon/light/nextjs.png b/src/assets/img/icon/light/nextjs.png
index f4a927bf0..33de8e930 100644
Binary files a/src/assets/img/icon/light/nextjs.png and b/src/assets/img/icon/light/nextjs.png differ
diff --git a/src/assets/img/icon/light/nodejs.png b/src/assets/img/icon/light/nodejs.png
index d36728fe2..98d7da3a8 100644
Binary files a/src/assets/img/icon/light/nodejs.png and b/src/assets/img/icon/light/nodejs.png differ
diff --git a/src/assets/img/icon/light/nuxtjs.png b/src/assets/img/icon/light/nuxtjs.png
index 78f056032..22795d163 100644
Binary files a/src/assets/img/icon/light/nuxtjs.png and b/src/assets/img/icon/light/nuxtjs.png differ
diff --git a/src/assets/img/icon/light/php.png b/src/assets/img/icon/light/php.png
index 356af27a8..172156ca7 100644
Binary files a/src/assets/img/icon/light/php.png and b/src/assets/img/icon/light/php.png differ
diff --git a/src/assets/img/icon/light/python.png b/src/assets/img/icon/light/python.png
index b137d45c5..b1ffd33a3 100644
Binary files a/src/assets/img/icon/light/python.png and b/src/assets/img/icon/light/python.png differ
diff --git a/src/assets/img/icon/light/ql-light.png b/src/assets/img/icon/light/ql-light.png
index a75ac24b2..f754686d7 100644
Binary files a/src/assets/img/icon/light/ql-light.png and b/src/assets/img/icon/light/ql-light.png differ
diff --git a/src/assets/img/icon/light/r.png b/src/assets/img/icon/light/r.png
index 8fee56ceb..60a952fb3 100644
Binary files a/src/assets/img/icon/light/r.png and b/src/assets/img/icon/light/r.png differ
diff --git a/src/assets/img/icon/light/railway.png b/src/assets/img/icon/light/railway.png
index 13f8032e3..bb94974bc 100644
Binary files a/src/assets/img/icon/light/railway.png and b/src/assets/img/icon/light/railway.png differ
diff --git a/src/assets/img/icon/light/reactjs.png b/src/assets/img/icon/light/reactjs.png
index 2edf04481..e21656842 100644
Binary files a/src/assets/img/icon/light/reactjs.png and b/src/assets/img/icon/light/reactjs.png differ
diff --git a/src/assets/img/icon/light/record-access-light.png b/src/assets/img/icon/light/record-access-light.png
index dab9ea9ab..e783ec900 100644
Binary files a/src/assets/img/icon/light/record-access-light.png and b/src/assets/img/icon/light/record-access-light.png differ
diff --git a/src/assets/img/icon/light/record-access.png b/src/assets/img/icon/light/record-access.png
index dab9ea9ab..e783ec900 100644
Binary files a/src/assets/img/icon/light/record-access.png and b/src/assets/img/icon/light/record-access.png differ
diff --git a/src/assets/img/icon/light/reference-guides-light.png b/src/assets/img/icon/light/reference-guides-light.png
index 5648121b5..bfa001a05 100644
Binary files a/src/assets/img/icon/light/reference-guides-light.png and b/src/assets/img/icon/light/reference-guides-light.png differ
diff --git a/src/assets/img/icon/light/reference-guides.png b/src/assets/img/icon/light/reference-guides.png
index 5648121b5..bfa001a05 100644
Binary files a/src/assets/img/icon/light/reference-guides.png and b/src/assets/img/icon/light/reference-guides.png differ
diff --git a/src/assets/img/icon/light/rerun.png b/src/assets/img/icon/light/rerun.png
index 75817aa5a..95ff2e20f 100644
Binary files a/src/assets/img/icon/light/rerun.png and b/src/assets/img/icon/light/rerun.png differ
diff --git a/src/assets/img/icon/light/rocket.png b/src/assets/img/icon/light/rocket.png
index 75817aa5a..95ff2e20f 100644
Binary files a/src/assets/img/icon/light/rocket.png and b/src/assets/img/icon/light/rocket.png differ
diff --git a/src/assets/img/icon/light/rpc-light.png b/src/assets/img/icon/light/rpc-light.png
index ed9c83a65..d4a825539 100644
Binary files a/src/assets/img/icon/light/rpc-light.png and b/src/assets/img/icon/light/rpc-light.png differ
diff --git a/src/assets/img/icon/light/rpc.png b/src/assets/img/icon/light/rpc.png
index ed9c83a65..d4a825539 100644
Binary files a/src/assets/img/icon/light/rpc.png and b/src/assets/img/icon/light/rpc.png differ
diff --git a/src/assets/img/icon/light/ruby.png b/src/assets/img/icon/light/ruby.png
index 3c05145da..95458a3d1 100644
Binary files a/src/assets/img/icon/light/ruby.png and b/src/assets/img/icon/light/ruby.png differ
diff --git a/src/assets/img/icon/light/rust.png b/src/assets/img/icon/light/rust.png
index 75817aa5a..95ff2e20f 100644
Binary files a/src/assets/img/icon/light/rust.png and b/src/assets/img/icon/light/rust.png differ
diff --git a/src/assets/img/icon/light/sidekick-light.png b/src/assets/img/icon/light/sidekick-light.png
index 3f6898db7..05f128087 100644
Binary files a/src/assets/img/icon/light/sidekick-light.png and b/src/assets/img/icon/light/sidekick-light.png differ
diff --git a/src/assets/img/icon/light/sidekick.png b/src/assets/img/icon/light/sidekick.png
index 3f6898db7..05f128087 100644
Binary files a/src/assets/img/icon/light/sidekick.png and b/src/assets/img/icon/light/sidekick.png differ
diff --git a/src/assets/img/icon/light/solidjs.png b/src/assets/img/icon/light/solidjs.png
index 9b8191fe2..bd79c960a 100644
Binary files a/src/assets/img/icon/light/solidjs.png and b/src/assets/img/icon/light/solidjs.png differ
diff --git a/src/assets/img/icon/light/surrealdb-light.png b/src/assets/img/icon/light/surrealdb-light.png
index 5cc0671be..8d4978c38 100644
Binary files a/src/assets/img/icon/light/surrealdb-light.png and b/src/assets/img/icon/light/surrealdb-light.png differ
diff --git a/src/assets/img/icon/light/surrealdb.png b/src/assets/img/icon/light/surrealdb.png
index 5cc0671be..8d4978c38 100644
Binary files a/src/assets/img/icon/light/surrealdb.png and b/src/assets/img/icon/light/surrealdb.png differ
diff --git a/src/assets/img/icon/light/surrealist-light.png b/src/assets/img/icon/light/surrealist-light.png
index 2999657a2..884980935 100644
Binary files a/src/assets/img/icon/light/surrealist-light.png and b/src/assets/img/icon/light/surrealist-light.png differ
diff --git a/src/assets/img/icon/light/surrealist.png b/src/assets/img/icon/light/surrealist.png
index 2999657a2..884980935 100644
Binary files a/src/assets/img/icon/light/surrealist.png and b/src/assets/img/icon/light/surrealist.png differ
diff --git a/src/assets/img/icon/light/surrealml-light.png b/src/assets/img/icon/light/surrealml-light.png
index 4c6c690a6..07926d1d5 100644
Binary files a/src/assets/img/icon/light/surrealml-light.png and b/src/assets/img/icon/light/surrealml-light.png differ
diff --git a/src/assets/img/icon/light/surrealml.png b/src/assets/img/icon/light/surrealml.png
index 4c6c690a6..07926d1d5 100644
Binary files a/src/assets/img/icon/light/surrealml.png and b/src/assets/img/icon/light/surrealml.png differ
diff --git a/src/assets/img/icon/light/surrealql-light.png b/src/assets/img/icon/light/surrealql-light.png
index d8996979b..f754686d7 100644
Binary files a/src/assets/img/icon/light/surrealql-light.png and b/src/assets/img/icon/light/surrealql-light.png differ
diff --git a/src/assets/img/icon/light/surrealql.png b/src/assets/img/icon/light/surrealql.png
index d8996979b..f754686d7 100644
Binary files a/src/assets/img/icon/light/surrealql.png and b/src/assets/img/icon/light/surrealql.png differ
diff --git a/src/assets/img/icon/light/svelte.png b/src/assets/img/icon/light/svelte.png
index 4cd27ce84..ab564f358 100644
Binary files a/src/assets/img/icon/light/svelte.png and b/src/assets/img/icon/light/svelte.png differ
diff --git a/src/assets/img/icon/light/swift.png b/src/assets/img/icon/light/swift.png
index 060f8a887..e96240dc8 100644
Binary files a/src/assets/img/icon/light/swift.png and b/src/assets/img/icon/light/swift.png differ
diff --git a/src/assets/img/icon/light/symfony.png b/src/assets/img/icon/light/symfony.png
index c30a7d454..ae2f4907a 100644
Binary files a/src/assets/img/icon/light/symfony.png and b/src/assets/img/icon/light/symfony.png differ
diff --git a/src/assets/img/icon/light/system-access-light.png b/src/assets/img/icon/light/system-access-light.png
index 66b885e3a..c5b3ccc02 100644
Binary files a/src/assets/img/icon/light/system-access-light.png and b/src/assets/img/icon/light/system-access-light.png differ
diff --git a/src/assets/img/icon/light/system-access.png b/src/assets/img/icon/light/system-access.png
index 66b885e3a..c5b3ccc02 100644
Binary files a/src/assets/img/icon/light/system-access.png and b/src/assets/img/icon/light/system-access.png differ
diff --git a/src/assets/img/icon/light/time-series-light.png b/src/assets/img/icon/light/time-series-light.png
index b1d873128..2437e8b3e 100644
Binary files a/src/assets/img/icon/light/time-series-light.png and b/src/assets/img/icon/light/time-series-light.png differ
diff --git a/src/assets/img/icon/light/time-series.png b/src/assets/img/icon/light/time-series.png
index b1d873128..2437e8b3e 100644
Binary files a/src/assets/img/icon/light/time-series.png and b/src/assets/img/icon/light/time-series.png differ
diff --git a/src/assets/img/icon/light/token-access-light.png b/src/assets/img/icon/light/token-access-light.png
index 27bafd807..d82979fbf 100644
Binary files a/src/assets/img/icon/light/token-access-light.png and b/src/assets/img/icon/light/token-access-light.png differ
diff --git a/src/assets/img/icon/light/token-access.png b/src/assets/img/icon/light/token-access.png
index 27bafd807..d82979fbf 100644
Binary files a/src/assets/img/icon/light/token-access.png and b/src/assets/img/icon/light/token-access.png differ
diff --git a/src/assets/img/icon/light/tutorials-light.png b/src/assets/img/icon/light/tutorials-light.png
index 6bf53a97c..85d54fe83 100644
Binary files a/src/assets/img/icon/light/tutorials-light.png and b/src/assets/img/icon/light/tutorials-light.png differ
diff --git a/src/assets/img/icon/light/tutorials.png b/src/assets/img/icon/light/tutorials.png
index 6bf53a97c..85d54fe83 100644
Binary files a/src/assets/img/icon/light/tutorials.png and b/src/assets/img/icon/light/tutorials.png differ
diff --git a/src/assets/img/icon/light/typescript.png b/src/assets/img/icon/light/typescript.png
index e19e560aa..cdb9d5c03 100644
Binary files a/src/assets/img/icon/light/typescript.png and b/src/assets/img/icon/light/typescript.png differ
diff --git a/src/assets/img/icon/light/university-light.png b/src/assets/img/icon/light/university-light.png
index 4ff9b15ce..48d080a0c 100644
Binary files a/src/assets/img/icon/light/university-light.png and b/src/assets/img/icon/light/university-light.png differ
diff --git a/src/assets/img/icon/light/university.png b/src/assets/img/icon/light/university.png
index 4ff9b15ce..48d080a0c 100644
Binary files a/src/assets/img/icon/light/university.png and b/src/assets/img/icon/light/university.png differ
diff --git a/src/assets/img/icon/light/vector-light.png b/src/assets/img/icon/light/vector-light.png
index 9a323f3b0..6ebd5fc62 100644
Binary files a/src/assets/img/icon/light/vector-light.png and b/src/assets/img/icon/light/vector-light.png differ
diff --git a/src/assets/img/icon/light/vector.png b/src/assets/img/icon/light/vector.png
index 9a323f3b0..6ebd5fc62 100644
Binary files a/src/assets/img/icon/light/vector.png and b/src/assets/img/icon/light/vector.png differ
diff --git a/src/assets/img/icon/light/vuejs.png b/src/assets/img/icon/light/vuejs.png
index d057ccae0..0d38a6f17 100644
Binary files a/src/assets/img/icon/light/vuejs.png and b/src/assets/img/icon/light/vuejs.png differ
diff --git a/src/assets/img/icon/light/webassembly.png b/src/assets/img/icon/light/webassembly.png
index 576f75b24..576503aea 100644
Binary files a/src/assets/img/icon/light/webassembly.png and b/src/assets/img/icon/light/webassembly.png differ
diff --git a/src/assets/img/icon/light/windows.png b/src/assets/img/icon/light/windows.png
index 84f4b2db4..b810f3c84 100644
Binary files a/src/assets/img/icon/light/windows.png and b/src/assets/img/icon/light/windows.png differ
diff --git a/src/assets/img/image/cloud/architecture-dark.png b/src/assets/img/image/cloud/architecture-dark.png
index 016c31988..afef2f314 100644
Binary files a/src/assets/img/image/cloud/architecture-dark.png and b/src/assets/img/image/cloud/architecture-dark.png differ
diff --git a/src/assets/img/image/cloud/cloud-architecture-dark.png b/src/assets/img/image/cloud/cloud-architecture-dark.png
index 5515dba48..9ad2d7851 100644
Binary files a/src/assets/img/image/cloud/cloud-architecture-dark.png and b/src/assets/img/image/cloud/cloud-architecture-dark.png differ
diff --git a/src/assets/img/image/cloud/enterprise-multi-node.png b/src/assets/img/image/cloud/enterprise-multi-node.png
index b85747f78..df4b3a7af 100644
Binary files a/src/assets/img/image/cloud/enterprise-multi-node.png and b/src/assets/img/image/cloud/enterprise-multi-node.png differ
diff --git a/src/assets/img/image/cloud/light/architecture-light.png b/src/assets/img/image/cloud/light/architecture-light.png
index 3d001e41c..3c160235b 100644
Binary files a/src/assets/img/image/cloud/light/architecture-light.png and b/src/assets/img/image/cloud/light/architecture-light.png differ
diff --git a/src/assets/img/image/cloud/light/cloud-architecture-light.png b/src/assets/img/image/cloud/light/cloud-architecture-light.png
index d81d3bcea..ce4fc13f7 100644
Binary files a/src/assets/img/image/cloud/light/cloud-architecture-light.png and b/src/assets/img/image/cloud/light/cloud-architecture-light.png differ
diff --git a/src/assets/img/image/cloud/light/enterprise-multi-node-light.png b/src/assets/img/image/cloud/light/enterprise-multi-node-light.png
index 03e14c074..ff2f5a642 100644
Binary files a/src/assets/img/image/cloud/light/enterprise-multi-node-light.png and b/src/assets/img/image/cloud/light/enterprise-multi-node-light.png differ
diff --git a/src/assets/img/image/cloud/light/start-single-node-light.png b/src/assets/img/image/cloud/light/start-single-node-light.png
index be29b5239..1f6222e9c 100644
Binary files a/src/assets/img/image/cloud/light/start-single-node-light.png and b/src/assets/img/image/cloud/light/start-single-node-light.png differ
diff --git a/src/assets/img/image/cloud/start-single-node.png b/src/assets/img/image/cloud/start-single-node.png
index 5cd00e73d..883937428 100644
Binary files a/src/assets/img/image/cloud/start-single-node.png and b/src/assets/img/image/cloud/start-single-node.png differ
diff --git a/src/assets/img/image/cloud/surrealcloud.png b/src/assets/img/image/cloud/surrealcloud.png
index 117a9cad4..1dc82243f 100644
Binary files a/src/assets/img/image/cloud/surrealcloud.png and b/src/assets/img/image/cloud/surrealcloud.png differ
diff --git a/src/assets/img/image/dark/VC.png b/src/assets/img/image/dark/VC.png
index f41eada9e..7d39bea83 100644
Binary files a/src/assets/img/image/dark/VC.png and b/src/assets/img/image/dark/VC.png differ
diff --git a/src/assets/img/image/dark/distance-metrics.png b/src/assets/img/image/dark/distance-metrics.png
index 2831f5633..4ea8d3e16 100644
Binary files a/src/assets/img/image/dark/distance-metrics.png and b/src/assets/img/image/dark/distance-metrics.png differ
diff --git a/src/assets/img/image/dark/gettingstarted.png b/src/assets/img/image/dark/gettingstarted.png
index 82c7f6d58..52c9a1e07 100644
Binary files a/src/assets/img/image/dark/gettingstarted.png and b/src/assets/img/image/dark/gettingstarted.png differ
diff --git a/src/assets/img/image/dark/migration-diagnostics.png b/src/assets/img/image/dark/migration-diagnostics.png
index f9394b748..221f81f30 100644
Binary files a/src/assets/img/image/dark/migration-diagnostics.png and b/src/assets/img/image/dark/migration-diagnostics.png differ
diff --git a/src/assets/img/image/dark/storage-cluster.png b/src/assets/img/image/dark/storage-cluster.png
index b403cc3ba..9af0aec5c 100644
Binary files a/src/assets/img/image/dark/storage-cluster.png and b/src/assets/img/image/dark/storage-cluster.png differ
diff --git a/src/assets/img/image/dark/surreal-deal-store.png b/src/assets/img/image/dark/surreal-deal-store.png
index 71e80f31b..b4df85fce 100644
Binary files a/src/assets/img/image/dark/surreal-deal-store.png and b/src/assets/img/image/dark/surreal-deal-store.png differ
diff --git a/src/assets/img/image/dark/surreal_deal_dark.png b/src/assets/img/image/dark/surreal_deal_dark.png
index dc87a1777..edc1ad77a 100644
Binary files a/src/assets/img/image/dark/surreal_deal_dark.png and b/src/assets/img/image/dark/surreal_deal_dark.png differ
diff --git a/src/assets/img/image/dark/surrealist-migration-report.png b/src/assets/img/image/dark/surrealist-migration-report.png
index 9324fd01f..55c67c40a 100644
Binary files a/src/assets/img/image/dark/surrealist-migration-report.png and b/src/assets/img/image/dark/surrealist-migration-report.png differ
diff --git a/src/assets/img/image/dark/surrealml-storage-schema.png b/src/assets/img/image/dark/surrealml-storage-schema.png
index 1a9b94f21..b9a231156 100644
Binary files a/src/assets/img/image/dark/surrealml-storage-schema.png and b/src/assets/img/image/dark/surrealml-storage-schema.png differ
diff --git a/src/assets/img/image/light/VC.png b/src/assets/img/image/light/VC.png
index f41eada9e..ee6bf81ac 100644
Binary files a/src/assets/img/image/light/VC.png and b/src/assets/img/image/light/VC.png differ
diff --git a/src/assets/img/image/light/distance-metrics.png b/src/assets/img/image/light/distance-metrics.png
index c8437f04e..c9eb7ada0 100644
Binary files a/src/assets/img/image/light/distance-metrics.png and b/src/assets/img/image/light/distance-metrics.png differ
diff --git a/src/assets/img/image/light/gettingstarted.png b/src/assets/img/image/light/gettingstarted.png
index 7b96e796d..50100cf71 100644
Binary files a/src/assets/img/image/light/gettingstarted.png and b/src/assets/img/image/light/gettingstarted.png differ
diff --git a/src/assets/img/image/light/storage-cluster.png b/src/assets/img/image/light/storage-cluster.png
index b403cc3ba..59dc0b743 100644
Binary files a/src/assets/img/image/light/storage-cluster.png and b/src/assets/img/image/light/storage-cluster.png differ
diff --git a/src/assets/img/image/light/surreal-deal-store-light.png b/src/assets/img/image/light/surreal-deal-store-light.png
index 3dc977f1c..241c51016 100644
Binary files a/src/assets/img/image/light/surreal-deal-store-light.png and b/src/assets/img/image/light/surreal-deal-store-light.png differ
diff --git a/src/assets/img/image/light/surreal_deal_light.png b/src/assets/img/image/light/surreal_deal_light.png
index 20f52ccae..7deeeb829 100644
Binary files a/src/assets/img/image/light/surreal_deal_light.png and b/src/assets/img/image/light/surreal_deal_light.png differ
diff --git a/src/assets/img/image/light/surrealml-storage-schema.png b/src/assets/img/image/light/surrealml-storage-schema.png
index f25890743..4c3a88432 100644
Binary files a/src/assets/img/image/light/surrealml-storage-schema.png and b/src/assets/img/image/light/surrealml-storage-schema.png differ
diff --git a/src/assets/img/image/recursive_star-light.png b/src/assets/img/image/recursive_star-light.png
new file mode 100644
index 000000000..2587f7bac
Binary files /dev/null and b/src/assets/img/image/recursive_star-light.png differ
diff --git a/src/assets/img/image/recursive_star.png b/src/assets/img/image/recursive_star.png
index b5ad53836..04c7a399b 100644
Binary files a/src/assets/img/image/recursive_star.png and b/src/assets/img/image/recursive_star.png differ
diff --git a/src/assets/img/labs-categories/ci-cd.light.png b/src/assets/img/labs-categories/ci-cd.light.png
index b54fc5676..275607179 100644
Binary files a/src/assets/img/labs-categories/ci-cd.light.png and b/src/assets/img/labs-categories/ci-cd.light.png differ
diff --git a/src/assets/img/labs-categories/ci-cd.png b/src/assets/img/labs-categories/ci-cd.png
index 4fda40a73..275607179 100644
Binary files a/src/assets/img/labs-categories/ci-cd.png and b/src/assets/img/labs-categories/ci-cd.png differ
diff --git a/src/assets/img/labs-categories/demos.light.png b/src/assets/img/labs-categories/demos.light.png
index c40df66da..cc5291e00 100644
Binary files a/src/assets/img/labs-categories/demos.light.png and b/src/assets/img/labs-categories/demos.light.png differ
diff --git a/src/assets/img/labs-categories/demos.png b/src/assets/img/labs-categories/demos.png
index 606d0abd9..cc5291e00 100644
Binary files a/src/assets/img/labs-categories/demos.png and b/src/assets/img/labs-categories/demos.png differ
diff --git a/src/assets/img/labs-categories/deployment-tools.light.png b/src/assets/img/labs-categories/deployment-tools.light.png
index 378d42049..0ee49aaf3 100644
Binary files a/src/assets/img/labs-categories/deployment-tools.light.png and b/src/assets/img/labs-categories/deployment-tools.light.png differ
diff --git a/src/assets/img/labs-categories/deployment-tools.png b/src/assets/img/labs-categories/deployment-tools.png
index fb6d60850..0ee49aaf3 100644
Binary files a/src/assets/img/labs-categories/deployment-tools.png and b/src/assets/img/labs-categories/deployment-tools.png differ
diff --git a/src/assets/img/labs-categories/development-tools.light.png b/src/assets/img/labs-categories/development-tools.light.png
index ff7498802..d07ca6fa2 100644
Binary files a/src/assets/img/labs-categories/development-tools.light.png and b/src/assets/img/labs-categories/development-tools.light.png differ
diff --git a/src/assets/img/labs-categories/development-tools.png b/src/assets/img/labs-categories/development-tools.png
index 90aa8e43e..d07ca6fa2 100644
Binary files a/src/assets/img/labs-categories/development-tools.png and b/src/assets/img/labs-categories/development-tools.png differ
diff --git a/src/assets/img/labs-categories/docker-images.light.png b/src/assets/img/labs-categories/docker-images.light.png
index 7fd2e339a..9361f329a 100644
Binary files a/src/assets/img/labs-categories/docker-images.light.png and b/src/assets/img/labs-categories/docker-images.light.png differ
diff --git a/src/assets/img/labs-categories/docker-images.png b/src/assets/img/labs-categories/docker-images.png
index c83153868..9361f329a 100644
Binary files a/src/assets/img/labs-categories/docker-images.png and b/src/assets/img/labs-categories/docker-images.png differ
diff --git a/src/assets/img/labs-categories/integrations.light.png b/src/assets/img/labs-categories/integrations.light.png
index ffce96182..c265d2b1a 100644
Binary files a/src/assets/img/labs-categories/integrations.light.png and b/src/assets/img/labs-categories/integrations.light.png differ
diff --git a/src/assets/img/labs-categories/integrations.png b/src/assets/img/labs-categories/integrations.png
index b06c79de5..c265d2b1a 100644
Binary files a/src/assets/img/labs-categories/integrations.png and b/src/assets/img/labs-categories/integrations.png differ
diff --git a/src/assets/img/labs-categories/libraries.light.png b/src/assets/img/labs-categories/libraries.light.png
index e84ae6245..d1cf95ac3 100644
Binary files a/src/assets/img/labs-categories/libraries.light.png and b/src/assets/img/labs-categories/libraries.light.png differ
diff --git a/src/assets/img/labs-categories/libraries.png b/src/assets/img/labs-categories/libraries.png
index b50b18c0b..d1cf95ac3 100644
Binary files a/src/assets/img/labs-categories/libraries.png and b/src/assets/img/labs-categories/libraries.png differ
diff --git a/src/assets/img/labs-categories/sdks.light.png b/src/assets/img/labs-categories/sdks.light.png
index cd3e53d47..61e8ea450 100644
Binary files a/src/assets/img/labs-categories/sdks.light.png and b/src/assets/img/labs-categories/sdks.light.png differ
diff --git a/src/assets/img/labs-categories/sdks.png b/src/assets/img/labs-categories/sdks.png
index 49265130b..61e8ea450 100644
Binary files a/src/assets/img/labs-categories/sdks.png and b/src/assets/img/labs-categories/sdks.png differ
diff --git a/src/assets/img/labs-categories/templates.light.png b/src/assets/img/labs-categories/templates.light.png
index 59065247a..d53f3a177 100644
Binary files a/src/assets/img/labs-categories/templates.light.png and b/src/assets/img/labs-categories/templates.light.png differ
diff --git a/src/assets/img/labs-categories/templates.png b/src/assets/img/labs-categories/templates.png
index e575c92aa..d53f3a177 100644
Binary files a/src/assets/img/labs-categories/templates.png and b/src/assets/img/labs-categories/templates.png differ
diff --git a/src/assets/img/labs-categories/tutorials.light.png b/src/assets/img/labs-categories/tutorials.light.png
index 237f9e038..9f5325a10 100644
Binary files a/src/assets/img/labs-categories/tutorials.light.png and b/src/assets/img/labs-categories/tutorials.light.png differ
diff --git a/src/assets/img/labs-categories/tutorials.png b/src/assets/img/labs-categories/tutorials.png
index 03dda7697..9f5325a10 100644
Binary files a/src/assets/img/labs-categories/tutorials.png and b/src/assets/img/labs-categories/tutorials.png differ
diff --git a/src/assets/img/labs-categories/videos.light.png b/src/assets/img/labs-categories/videos.light.png
index 9cd57c914..0b070b46e 100644
Binary files a/src/assets/img/labs-categories/videos.light.png and b/src/assets/img/labs-categories/videos.light.png differ
diff --git a/src/assets/img/labs-categories/videos.png b/src/assets/img/labs-categories/videos.png
index 87db89606..0b070b46e 100644
Binary files a/src/assets/img/labs-categories/videos.png and b/src/assets/img/labs-categories/videos.png differ
diff --git a/src/assets/img/social-preview.jpg b/src/assets/img/social-preview.jpg
index 5806525df..d56369600 100644
Binary files a/src/assets/img/social-preview.jpg and b/src/assets/img/social-preview.jpg differ
diff --git a/src/assets/img/thumbnails/cloud.jpg b/src/assets/img/thumbnails/cloud.jpg
index 73a140373..d07cb3729 100644
Binary files a/src/assets/img/thumbnails/cloud.jpg and b/src/assets/img/thumbnails/cloud.jpg differ
diff --git a/src/assets/img/thumbnails/surrealdb.jpg b/src/assets/img/thumbnails/surrealdb.jpg
index 37c9ddcff..923a99769 100644
Binary files a/src/assets/img/thumbnails/surrealdb.jpg and b/src/assets/img/thumbnails/surrealdb.jpg differ
diff --git a/src/assets/img/thumbnails/surrealist.jpg b/src/assets/img/thumbnails/surrealist.jpg
index fcdaedaa6..6469e1561 100644
Binary files a/src/assets/img/thumbnails/surrealist.jpg and b/src/assets/img/thumbnails/surrealist.jpg differ
diff --git a/src/components/Check.astro b/src/components/Check.astro
index 628d0ee89..4ae724432 100644
--- a/src/components/Check.astro
+++ b/src/components/Check.astro
@@ -3,6 +3,6 @@ import { Icon } from 'astro-icon/components';
 ---
 
 <div class="flex items-center gap-2">
-	<Icon name="fa6-solid:check" class="w-2.5 flex-shrink-0 text-surreal-pink" />
+	<Icon name="fa6-solid:check" class="w-2.5 flex-shrink-0 text-surreal-energy" />
 	<slot />
 </div>
\ No newline at end of file
diff --git a/src/components/Dropdown/Dropdown.astro b/src/components/Dropdown/Dropdown.astro
index 3d9737e93..e0ba32e19 100644
--- a/src/components/Dropdown/Dropdown.astro
+++ b/src/components/Dropdown/Dropdown.astro
@@ -25,7 +25,7 @@ const id = Array.from({ length: 8 }, () => Math.random().toString(36)[2]).join(
 	<input type="checkbox" id={id} class="dropdown-toggle hidden" />
     <label for={id} class="block relative">
 		<slot />
-		<div class={cn("dropdown-dropdown absolute z-10 pt-3 min-w-full transition-transform origin-top", align === 'right' ? 'right-0' : 'left-0')}>
+		<div class={cn("dropdown-dropdown absolute z-20 pt-3 min-w-full transition-transform origin-top", align === 'right' ? 'right-0' : 'left-0')}>
 			<div class={cn("bg-background-secondary p-2 rounded-lg border-border border min-w-full shadow-lg shadow-background", dropdownClass)}>
 				<slot name="dropdown" />
 			</div>
diff --git a/src/components/Dropdown/DropdownItem.astro b/src/components/Dropdown/DropdownItem.astro
index 1f232897b..6467cc1e2 100644
--- a/src/components/Dropdown/DropdownItem.astro
+++ b/src/components/Dropdown/DropdownItem.astro
@@ -22,40 +22,57 @@ const hasCustomIcon = Astro.slots.has('icon');
 const hasAnyIcon = hasCustomIcon || iconName || icon;
 ---
 
-<Element 
+<Element
 	class={cn(
-		"group flex items-center gap-3 py-2 px-3 rounded-lg w-full transition-colors hover:bg-code cursor-pointer", 
-		dataUrl && "copy-markdown-item"
-	)} 
-	href={href} 
+		"group flex items-center gap-3 py-2 px-3 rounded-lg w-full transition-colors hover:bg-code cursor-pointer",
+		dataUrl && "copy-markdown-item",
+	)}
+	href={href}
 	data-url={dataUrl}
 	target={external ? "_blank" : undefined}
 	rel={external ? "noopener noreferrer" : undefined}
 >
-	{hasAnyIcon && (
-		<div class="flex-shrink-0 w-8 h-8 rounded-lg bg-background flex items-center justify-center border border-border group-hover:border-surreal-pink/50 transition-colors">
-			{hasCustomIcon ? (
-				<div class="w-4 h-4 text-text/70 group-hover:text-text transition-colors [&>svg]:w-full [&>svg]:h-full">
-					<slot name="icon" />
-				</div>
-			) : iconName ? (
-				<Icon name={iconName} class="w-4 h-4 text-text/70 group-hover:text-text transition-colors" />
-			) : icon ? (
-				<Image src={icon} alt={title} class="size-4" />
-			) : null}
-		</div>
-	)}
+	{
+		hasAnyIcon && (
+			<div class="flex-shrink-0 w-8 h-8 rounded-lg bg-background flex items-center justify-center border border-border group-hover:border-surreal-energy/50 transition-colors">
+				{hasCustomIcon ? (
+					<div class="w-4 h-4 text-text/70 group-hover:text-text transition-colors [&>svg]:w-full [&>svg]:h-full">
+						<slot name="icon" />
+					</div>
+				) : iconName ? (
+					<Icon
+						name={iconName}
+						class="w-4 h-4 text-text/70 group-hover:text-text transition-colors"
+					/>
+				) : icon ? (
+					<Image src={icon} alt={title} class="size-4" />
+				) : null}
+			</div>
+		)
+	}
 	<div class="flex flex-col flex-1 min-w-0">
-		<span class={cn("text-sm text-text/80 group-hover:text-text transition-colors", active && "text-surreal-pink")}>
+		<span
+			class={cn(
+				"text-sm text-text/80 group-hover:text-text transition-colors",
+				active && "text-surreal-energy",
+			)}
+		>
 			{title}
 		</span>
-		{description && (
-			<span class="text-xs text-text/50 group-hover:text-text/60 transition-colors truncate">
-				{description}
-			</span>
-		)}
+		{
+			description && (
+				<span class="text-xs text-text/50 group-hover:text-text/60 transition-colors truncate">
+					{description}
+				</span>
+			)
+		}
 	</div>
-	{external && (
-		<Icon name="fa6-solid:arrow-up-right-from-square" class="w-3 h-3 flex-shrink-0 text-text/40 group-hover:text-text/60 transition-colors" />
-	)}
-</Element>
\ No newline at end of file
+	{
+		external && (
+			<Icon
+				name="fa6-solid:arrow-up-right-from-square"
+				class="w-3 h-3 flex-shrink-0 text-text/40 group-hover:text-text/60 transition-colors"
+			/>
+		)
+	}
+</Element>
diff --git a/src/components/LabsPreview.astro b/src/components/LabsPreview.astro
index 284ac3133..d81cffba1 100644
--- a/src/components/LabsPreview.astro
+++ b/src/components/LabsPreview.astro
@@ -271,7 +271,7 @@ function buildSeeMoreUrl(
 
 <style>
     .labs-preview {
-        @apply border border-border rounded-lg p-6 hover:border-surreal-pink/50 transition-colors;
+        @apply border border-border rounded-lg p-6 hover:border-surreal-energy/50 transition-colors;
     }
     
     .labs-preview__badge {
@@ -318,7 +318,7 @@ function buildSeeMoreUrl(
                                         <p class="text-faint text-xs font-medium mb-1">
                                             {category}
                                         </p>
-                                        <h3 class="text-lg font-semibold text-bwr group-hover:text-surreal-pink transition-colors line-clamp-2 mb-2 !mt-0">
+                                        <h3 class="text-lg font-semibold text-bwr group-hover:text-surreal-energy transition-colors line-clamp-2 mb-2 !mt-0">
                                             {item.title}
                                         </h3>
                                     </div>
@@ -382,7 +382,7 @@ function buildSeeMoreUrl(
             <div class="mt-4 text-center">
                 <a
                     href={buildSeeMoreUrl(topics, languages)}
-                    class="text-surreal-pink hover:underline text-sm font-medium"
+                    class="text-surreal-energy hover:underline text-sm font-medium"
                 >
                     See more ({totalFilteredCount - limit} more)
                 </a>
diff --git a/src/components/PageHeadings.tsx b/src/components/PageHeadings.tsx
index 43ba2319e..0414d7404 100644
--- a/src/components/PageHeadings.tsx
+++ b/src/components/PageHeadings.tsx
@@ -82,8 +82,8 @@ function Heading({ depth, text, slug }: HeadingProps) {
                 >
                     <span
                         class={cn(
-                            'text-text transition-all duration-300 group-hover:text-hover',
-                            active() && 'text-hover/100'
+                            'text-text transition-all duration-300 group-hover:text-surreal-energy',
+                            active() && 'text-surreal-energy'
                         )}
                     >
                         {text}
@@ -96,8 +96,8 @@ function Heading({ depth, text, slug }: HeadingProps) {
                 >
                     <span
                         class={cn(
-                            'text-text transition-all duration-300 group-hover:text-hover',
-                            active() && 'text-hover/100'
+                            'text-text transition-all duration-300 group-hover:text-surreal-energy',
+                            active() && 'text-surreal-energy'
                         )}
                     >
                         {text}
diff --git a/src/components/RailroadDiagram.astro b/src/components/RailroadDiagram.astro
index 6f375624f..0b0e52e55 100644
--- a/src/components/RailroadDiagram.astro
+++ b/src/components/RailroadDiagram.astro
@@ -54,7 +54,7 @@ if (svgMarkup) {
     :root svg.railroad-diagram { 
       background: rgba(var(--color-code),1) !important;
       background-color: rgba(var(--color-code),1) !important;
-      box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08), 0 0 0 2px rgba(var(--color-surreal-pink),0.15);
+      box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08), 0 0 0 2px rgba(var(--color-surreal-energy),0.15);
       border-radius: 6px;
     }
     :root svg.railroad-diagram path { stroke: rgba(var(--color-text), 0.85) !important; fill: transparent !important; }
@@ -90,15 +90,15 @@ if (svgMarkup) {
     /* Default all boxes (non-terminals) */
     :root svg.railroad-diagram g rect { fill: rgba(var(--color-background-secondary), 1) !important; stroke: rgba(var(--color-border), 1) !important; }
     /* Terminals have rounded corners in this library -> exclude the background rect */
-    :root svg.railroad-diagram g rect[rx]:not(.background) { fill: rgba(var(--color-surreal-pink), 0.15) !important; stroke: rgba(var(--color-surreal-pink), 0.7) !important; }
+    :root svg.railroad-diagram g rect[rx]:not(.background) { fill: rgba(var(--color-surreal-energy), 0.15) !important; stroke: rgba(var(--color-surreal-energy), 0.7) !important; }
     /* Basic bottom scroll indicator */
     .rr-bottom-indicator { display: none; gap: 8px; align-items: center; margin-top: 6px; }
     .rr-track { position: relative; height: 6px; flex: 1 1 auto; background: rgba(0,0,0,0.08); border-radius: 9999px; overflow: hidden; }
-    .rr-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 25%; background: rgba(var(--color-surreal-pink), 0.6); border-radius: 9999px; transition: left .08s linear, width .08s linear; }
+    .rr-thumb { position: absolute; top: 0; left: 0; height: 100%; width: 25%; background: rgba(var(--color-surreal-energy), 0.6); border-radius: 9999px; transition: left .08s linear, width .08s linear; }
     .rr-label { font-size: 12px; color: rgba(var(--color-text), 0.7); white-space: nowrap; }
     @media (prefers-color-scheme: dark) {
       .rr-track { background: rgba(255,255,255,0.12); }
-      .rr-thumb { background: rgba(var(--color-surreal-pink), 0.7); }
+      .rr-thumb { background: rgba(var(--color-surreal-energy), 0.7); }
       .rr-label { color: rgba(255,255,255,0.75); }
     }
     .rr-scroll.is-scrollable + .rr-bottom-indicator { display: flex; }
diff --git a/src/components/RenderDoc.astro b/src/components/RenderDoc.astro
index ec11c77a0..250203e4e 100644
--- a/src/components/RenderDoc.astro
+++ b/src/components/RenderDoc.astro
@@ -331,7 +331,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 							<div class="page-header-actions flex items-center gap-2">
 								<a
 									href={`https://github.com/surrealdb/docs.surrealdb.com/edit/main/src/content/${collection}/${entry.id}`}
-									class="flex items-center gap-2 px-2 sm:px-3 py-1.5 rounded-lg border border-border hover:border-surreal-pink transition-colors text-sm"
+									class="flex items-center gap-2 px-2 sm:px-3 py-1.5 rounded-lg border border-border hover:border-surreal-energy hover:text-surreal-energy transition-colors text-sm"
 								>
 									<Icon name="fa6-solid:pencil" class="w-3.5 h-3.5" />
 									<span class="hidden sm:inline">Edit page</span>
@@ -339,7 +339,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 								<div class="page-actions-dropdown">
 									<Dropdown align="right" >
 										<div
-											class="flex items-center gap-1 sm:gap-2 px-2 sm:px-3 py-1.5 rounded-lg border border-border hover:border-surreal-pink transition-colors text-sm cursor-pointer select-none"
+											class="flex items-center gap-1 sm:gap-2 px-2 sm:px-3 py-1.5 rounded-lg border border-border hover:border-surreal-energy transition-colors text-sm cursor-pointer select-none"
 										>
 											<Icon name="fa6-solid:copy" class="w-3.5 h-3.5" />
 											<span class="hidden sm:inline">Copy page</span>
@@ -388,7 +388,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 									prev && (
 										<a
 											href={prev.href}
-											class="text-faint hover:border-surreal-pink flex items-center gap-2.5 border border-border rounded-lg py-3 px-6 w-1/2 min-h-20"
+											class="text-faint hover:border-surreal-energy flex items-center gap-2.5 border border-border rounded-lg py-3 px-6 w-1/2 min-h-20"
 										>
 											<Icon
 												name="fa6-solid:chevron-left"
@@ -402,7 +402,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 									next && (
 										<a
 											href={next.href}
-											class="text-faint hover:border-surreal-pink flex items-center gap-2.5 border border-border rounded-lg py-3 px-6 w-1/2 min-h-20 justify-end"
+											class="text-faint hover:border-surreal-energy flex items-center gap-2.5 border border-border rounded-lg py-3 px-6 w-1/2 min-h-20 justify-end"
 										>
 											<span>{next.title}</span>
 											<Icon
@@ -462,7 +462,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 								</h3>
 								<div class="flex gap-2">
 									<button
-										class="feedback-btn feedback-positive p-2 rounded-lg border border-border hover:border-surreal-pink transition-colors"
+										class="feedback-btn feedback-positive p-2 rounded-lg border border-border hover:border-surreal-energy transition-colors"
 										data-feedback="positive"
 									>
 										<Icon
@@ -471,7 +471,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 										/>
 									</button>
 									<button
-										class="feedback-btn feedback-negative p-2 rounded-lg border border-border hover:border-surreal-pink transition-colors"
+										class="feedback-btn feedback-negative p-2 rounded-lg border border-border hover:border-surreal-energy transition-colors"
 										data-feedback="negative"
 									>
 										<Icon
@@ -556,7 +556,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 										></textarea>
 										<div class="flex gap-2 mt-3">
 											<button
-												class="feedback-submit bg-surreal-pink text-white px-3 py-1 rounded text-xs hover:bg-surreal-pink/80 transition-colors"
+												class="feedback-submit bg-surreal-energy text-white px-3 py-1 rounded text-xs hover:bg-surreal-energy/80 transition-colors"
 											>
 												Submit
 											</button>
@@ -631,7 +631,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 										></textarea>
 										<div class="flex gap-2 mt-3">
 											<button
-												class="feedback-submit bg-surreal-pink text-white px-3 py-1 rounded text-xs hover:bg-surreal-pink/80 transition-colors"
+												class="feedback-submit bg-surreal-energy text-white px-3 py-1 rounded text-xs hover:bg-surreal-energy/80 transition-colors"
 											>
 												Submit
 											</button>
@@ -648,7 +648,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 								<div class="flex gap-2 mt-2">
 									<a
 										href={`https://github.com/surrealdb/docs.surrealdb.com/edit/main/src/content/${collection}/${entry.id}`}
-										class="flex items-center gap-1.5 px-2 py-1 rounded text-xs border border-border hover:border-surreal-pink transition-colors"
+										class="flex items-center gap-1.5 px-2 py-1 rounded text-xs border border-border hover:border-surreal-energy hover:text-surreal-energy transition-colors"
 									>
 										<Icon
 											name="fa6-solid:pencil"
@@ -658,7 +658,7 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 									</a>
 									<a
 										href="https://github.com/surrealdb/docs.surrealdb.com/issues/new"
-										class="flex items-center gap-1.5 px-2 py-1 rounded text-xs border border-border hover:border-surreal-pink transition-colors"
+										class="flex items-center gap-1.5 px-2 py-1 rounded text-xs border border-border hover:border-surreal-energy hover:text-surreal-energy transition-colors"
 									>
 										<Icon
 											name="fa6-brands:github"
@@ -824,11 +824,11 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 				// Add visual feedback to buttons
 				feedbackBtns.forEach((b) =>
 					b.classList.remove(
-						"border-surreal-pink",
-						"bg-surreal-pink/10",
+						"border-surreal-energy",
+						"bg-surreal-energy/10",
 					),
 				);
-				btn.classList.add("border-surreal-pink", "bg-surreal-pink/10");
+				btn.classList.add("border-surreal-energy", "bg-surreal-energy/10");
 			});
 		});
 
@@ -843,8 +843,8 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 				// Reset button states
 				feedbackBtns.forEach((b) =>
 					b.classList.remove(
-						"border-surreal-pink",
-						"bg-surreal-pink/10",
+						"border-surreal-energy",
+						"bg-surreal-energy/10",
 					),
 				);
 
@@ -927,8 +927,8 @@ const claudeUrl = `https://claude.ai/new?q=Read%20from%20${encodedUrl}%20so%20I%
 						negativeForm?.classList.add("hidden");
 						feedbackBtns.forEach((b) =>
 							b.classList.remove(
-								"border-surreal-pink",
-								"bg-surreal-pink/10",
+								"border-surreal-energy",
+								"bg-surreal-energy/10",
 							),
 						);
 						btn.textContent = "Submit";
diff --git a/src/components/Search.astro b/src/components/Search.astro
index 1a8a3f81a..123bafc08 100644
--- a/src/components/Search.astro
+++ b/src/components/Search.astro
@@ -11,11 +11,11 @@ interface Props {
         @apply block px-6 py-4 hover:bg-bwr/10;
 
         & :global(h3) {
-            @apply text-2xl;
+            @apply text-2xl group-hover:text-surreal-energy;
         }
 
         & :global(span) {
-            @apply text-surreal-pink text-xs pb-1 block;
+            @apply text-surreal-energy text-xs pb-1 block;
         }
 
         & :global(p) {
@@ -27,6 +27,10 @@ interface Props {
         }
     }
 
+	search-dialog :global(.docs-search-result:hover h3) {
+		@apply !text-surreal-energy;
+	}
+
     search-dialog :global(.docs-search-message) {
         @apply w-full h-full flex items-center justify-center text-lg text-text/50;
     }
@@ -48,7 +52,7 @@ interface Props {
 		border: 3px solid;
 		animation: prixClipFix 1s linear infinite alternate-reverse;
 
-		@apply border-surreal-pink
+		@apply border-surreal-energy;
 	}
 
     @keyframes rotate {
diff --git a/src/components/Sidebar/RenderSidebarGroup.astro b/src/components/Sidebar/RenderSidebarGroup.astro
index 9a86e2504..9f4d469a9 100644
--- a/src/components/Sidebar/RenderSidebarGroup.astro
+++ b/src/components/Sidebar/RenderSidebarGroup.astro
@@ -38,26 +38,43 @@ if (isSurrealQLPath(Astro.url.pathname) && isSurrealQLPath(href)) {
 ---
 
 <style>
-    .flag-state:checked + label .flag-trigger {
-        @apply rotate-90;
-    }
+	.flag-state:checked + label .flag-trigger {
+		@apply rotate-90;
+	}
 
-    .flag-state:not(:checked) ~ .flag-content {
-        @apply hidden;
-    }
+	.flag-state:not(:checked) ~ .flag-content {
+		@apply hidden;
+	}
 </style>
 
 <div>
-    <input type="checkbox" class="hidden flag-state" id={id} {...active ? { checked: true } : {}} />
-    <label for={id} class={cn("flex items-center px-4 py-1.5 w-full cursor-pointer rounded-lg text-faint group hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200", active && "text-surreal-pink dark:hover:text-surreal-pink bg-surreal-pink/20 hover:bg-surreal-pink/20")}>
-        <a href={isPage ? href : undefined} class={"sidebar-link flex-grow text-sm text-inherit group-hover:text-inherit"}>
-            {title}
-        </a>
-       <Icon name="fa6-solid:chevron-right" class="transition-all duration-100 flag-trigger text-inherit cursor-pointer" tabindex={-1} />
-    </label>
-    <div class="flex flag-content flex-col border-l border-border ml-4 pl-2">
-        {items?.map((item) => (
-            <SidebarItem {...item} />
-        ))}
-    </div>
+	<input
+		type="checkbox"
+		class="hidden flag-state"
+		id={id}
+		{...active ? { checked: true } : {}}
+	/>
+	<label
+		for={id}
+		class={cn(
+			"flex items-center px-4 py-1.5 w-full cursor-pointer rounded-lg text-faint group hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200",
+			active &&
+				"text-surreal-energy dark:hover:text-surreal-energy bg-surreal-energy/20 hover:bg-surreal-energy/25",
+		)}
+	>
+		<a
+			href={isPage ? href : undefined}
+			class={"sidebar-link flex-grow text-sm text-inherit group-hover:text-inherit"}
+		>
+			{title}
+		</a>
+		<Icon
+			name="fa6-solid:chevron-right"
+			class="transition-all duration-100 flag-trigger text-inherit cursor-pointer"
+			tabindex={-1}
+		/>
+	</label>
+	<div class="flex flag-content flex-col border-l border-border ml-4 pl-2">
+		{items?.map((item) => <SidebarItem {...item} />)}
+	</div>
 </div>
diff --git a/src/components/Sidebar/RenderSidebarLink.astro b/src/components/Sidebar/RenderSidebarLink.astro
index a72886002..3cc2b49ae 100644
--- a/src/components/Sidebar/RenderSidebarLink.astro
+++ b/src/components/Sidebar/RenderSidebarLink.astro
@@ -25,6 +25,13 @@ if (isSurrealQLPath(Astro.url.pathname) && isSurrealQLPath(href)) {
 }
 ---
 
-<a href={href} class={cn("sidebar-link text-sm text-faint px-4 py-1.5 w-full block cursor-pointer rounded-lg hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200", active && "text-surreal-pink dark:text-surreal-pink bg-surreal-pink/20 hover:text-surreal-pink hover:dark:text-surreal-pink hover:bg-surreal-pink/20")}>
-    {title}
+<a
+	href={href}
+	class={cn(
+		"sidebar-link text-sm text-faint px-4 py-1.5 w-full block cursor-pointer rounded-lg hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200",
+		active &&
+			"!text-surreal-energy dark:text-surreal-energy bg-surreal-energy/20 hover:dark:text-surreal-energy hover:bg-surreal-energy/25",
+	)}
+>
+	{title}
 </a>
diff --git a/src/components/Sidebar/index.astro b/src/components/Sidebar/index.astro
index ff8689f86..c3f80a6d1 100644
--- a/src/components/Sidebar/index.astro
+++ b/src/components/Sidebar/index.astro
@@ -86,7 +86,7 @@ const isSurrealQL = collection === 'doc-surrealql';
 		
 		// Only scroll to active element if we didn't restore a saved position
 		// This prevents overriding the user's saved scroll position
-		const active = container.querySelector<HTMLDivElement>('.text-surreal-pink');
+		const active = container.querySelector<HTMLDivElement>('.text-surreal-energy');
 		if (active && !shouldRestoreScroll) {
 			const offsetTop = active.offsetTop - (container.clientHeight / 2) + (active.clientHeight / 2);
 			container.scrollTo({ 
diff --git a/src/components/Tabs/Tabs.astro b/src/components/Tabs/Tabs.astro
index 8ada36f0f..d6403f442 100644
--- a/src/components/Tabs/Tabs.astro
+++ b/src/components/Tabs/Tabs.astro
@@ -127,7 +127,7 @@ if (isSynced) {
 	    @apply flex items-center gap-2 px-5 border-b-2 border-border text-text no-underline !mb-0 py-4;
 	}
 	.tab [role='tab'][aria-selected='true'] {
-	    @apply border-surreal-pink !text-surreal-pink;
+	    @apply border-surreal-energy !text-surreal-energy;
 	}
 
 	.tablist-wrapper ~ :global([role='tabpanel']) {
diff --git a/src/components/boxes/BasicBox.astro b/src/components/boxes/BasicBox.astro
index 31d1f807e..4dfc542cb 100644
--- a/src/components/boxes/BasicBox.astro
+++ b/src/components/boxes/BasicBox.astro
@@ -21,7 +21,7 @@ const { href } = Astro.props;
         "gradient-background",
         "hover:from-background-secondary/90 hover:to-background-secondary/40",
         // Based on variant
-        "!text-text hover:!text-surreal-pink !no-underline",
+        "!text-text hover:!text-surreal-energy !no-underline",
 		Astro.props.class
     )}
 >
diff --git a/src/components/boxes/IconBox.astro b/src/components/boxes/IconBox.astro
index 0100de7c5..aeb5030aa 100644
--- a/src/components/boxes/IconBox.astro
+++ b/src/components/boxes/IconBox.astro
@@ -29,16 +29,15 @@ const onlyIcon = icon && !title && !description && !status;
 <a
     href={href}
     class={cn(
-        "group border border-border hover:border-border !mb-0 overflow-hidden rounded-lg p-6",
+        "group hover:border-border !mb-0 overflow-hidden rounded-md p-6",
         // Transition
         "transition-all duration-300",
         // Background
         "gradient-background",
         "hover:from-background-secondary/90 hover:to-background-secondary/40",
         // Based on variant
-        !href ? "!text-text !no-underline" : "!text-text hover:!text-surreal-pink !no-underline",
+        !href ? "!text-text !no-underline" : "!text-text hover:!text-surreal-energy !no-underline",
         onlyIcon && "aspect-square p-4",
-        !onlyIcon && "hover:scale-[1.005]",
 		Astro.props.class
     )}
 >
diff --git a/src/components/layout/BaseLayout.astro b/src/components/layout/BaseLayout.astro
index d15eda661..a30ff20c8 100644
--- a/src/components/layout/BaseLayout.astro
+++ b/src/components/layout/BaseLayout.astro
@@ -111,7 +111,7 @@ const canonicalUrl = isVersionedSurrealQL
             }
 
             :global(a) {
-                @apply text-text transition-colors duration-300 hover:text-hover;
+                @apply text-text transition-colors duration-300 hover:text-surreal-energy;
             }
         </style>
 
diff --git a/src/components/layout/Navbar/MobileNav.astro b/src/components/layout/Navbar/MobileNav.astro
index 5919606f1..e4aa14f4d 100644
--- a/src/components/layout/Navbar/MobileNav.astro
+++ b/src/components/layout/Navbar/MobileNav.astro
@@ -48,7 +48,7 @@ import { navItems, socialLinks } from './navItems';
 							href={item.href}
 							class={cn(
 								'flex items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-text/80 transition-colors hover:bg-code/80',
-								active && 'text-surreal-pink'
+								active && 'text-surreal-energy'
 							)}
 						>
 							<span>{item.label}</span>
@@ -62,7 +62,7 @@ import { navItems, socialLinks } from './navItems';
 							<summary
 								class={cn(
 									'flex cursor-pointer items-center justify-between rounded-lg px-3 py-2.5 text-base font-medium text-text/80 transition-colors hover:bg-code/80',
-									active && 'text-surreal-pink'
+									active && 'text-surreal-energy'
 								)}
 							>
 								<span>{item.label}</span>
@@ -82,7 +82,7 @@ import { navItems, socialLinks } from './navItems';
 											href={subItem.href}
 											class={cn(
 												'group flex items-center gap-2 rounded-lg px-3 py-2 text-sm text-text/60 transition-colors hover:bg-code/80 hover:text-text',
-												subActive && 'text-surreal-pink'
+												subActive && 'text-surreal-energy'
 											)}
 										>
 											{subItem.icon && (
diff --git a/src/components/layout/Navbar/NavItem.astro b/src/components/layout/Navbar/NavItem.astro
index c1e7c1a8e..c62d9901c 100644
--- a/src/components/layout/Navbar/NavItem.astro
+++ b/src/components/layout/Navbar/NavItem.astro
@@ -23,39 +23,55 @@ const active =
 	.nav-chrevron {
 		@apply transition-transform;
 	}
-	
-    :global(.dropdown-toggle:checked) ~ :global(label) .nav-chrevron {
-        @apply rotate-180;
-    }
+
+	:global(.dropdown-toggle:checked) ~ :global(label) .nav-chrevron {
+		@apply rotate-180;
+	}
 </style>
 
-{typeof href === "string" ? (
-	<a
-		href={href}
-		class={cn("text-sm text-faint px-3 py-4 relative flex items-center justify-center cursor-pointer rounded-lg rounded-b-none hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200", active && "text-surreal-pink hover:text-surreal-pink hover:dark:text-surreal-pink after:absolute after:border-surreal-pink after:w-full after:bottom-0 after:border-b-2")}
-	>
-		<slot />
-	</a>
-) : (
-	<Dropdown dropdownClass="min-w-52" withHoverTrigger>
-		<div
-			class={cn("text-sm text-faint px-3 py-4 relative flex items-center justify-center cursor-pointer rounded-lg rounded-b-none hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200 select-none", active && "text-surreal-pink hover:text-surreal-pink hover:dark:text-surreal-pink after:absolute after:border-surreal-pink after:w-full after:bottom-0 after:border-b-2")}
-			tabindex="0"
-			role="button"
+{
+	typeof href === "string" ? (
+		<a
+			href={href}
+			class={cn(
+				"text-sm text-faint px-3 py-4 relative flex items-center justify-center cursor-pointer rounded-lg rounded-b-none hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200",
+				active &&
+					"text-surreal-energy hover:text-surreal-energy hover:dark:text-surreal-energy after:absolute after:border-surreal-energy after:w-full after:bottom-0 after:border-b-2",
+			)}
 		>
 			<slot />
-			<Icon name="fa6-solid:chevron-down" class="nav-chrevron ml-2 size-2" />
-		</div>
-		<div slot="dropdown" class="flex flex-col gap-1">
-			{href.map((item: NavSubItem) => (
-				<DropdownItem
-					title={item.title}
-					icon={item.icon}
-					href={item.href}
-					external={item.external}
-					active={!!item.href && matchUrl(Astro.url.pathname, item.href)}
+		</a>
+	) : (
+		<Dropdown dropdownClass="min-w-52" withHoverTrigger>
+			<div
+				class={cn(
+					"text-sm text-faint px-3 py-4 relative flex items-center justify-center cursor-pointer rounded-lg rounded-b-none hover:bg-slate-600/10 hover:text-slate-600 hover:dark:text-slate-200 select-none",
+					active &&
+						"text-surreal-energy hover:text-surreal-energy hover:dark:text-surreal-energy after:absolute after:border-surreal-energy after:w-full after:bottom-0 after:border-b-2",
+				)}
+				tabindex="0"
+				role="button"
+			>
+				<slot />
+				<Icon
+					name="fa6-solid:chevron-down"
+					class="nav-chrevron ml-2 size-2"
 				/>
-			))}
-		</div>
-	</Dropdown>
-)}
+			</div>
+			<div slot="dropdown" class="flex flex-col gap-1">
+				{href.map((item: NavSubItem) => (
+					<DropdownItem
+						title={item.title}
+						icon={item.icon}
+						href={item.href}
+						external={item.external}
+						active={
+							!!item.href &&
+							matchUrl(Astro.url.pathname, item.href)
+						}
+					/>
+				))}
+			</div>
+		</Dropdown>
+	)
+}
diff --git a/src/components/layout/Navbar/Navbar.astro b/src/components/layout/Navbar/Navbar.astro
index d987cfc94..9a55de987 100644
--- a/src/components/layout/Navbar/Navbar.astro
+++ b/src/components/layout/Navbar/Navbar.astro
@@ -73,8 +73,8 @@ import { navItems, socialLinks } from './navItems';
 		<div class="flex-1" />
 		<div class="hidden lg:flex gap-4 self-center opacity-80">
 			{socialLinks.map((link) => (
-				<a href={link.href} aria-label={link.label}>
-					<Icon name={link.icon} class="w-4" />
+				<a class="group" href={link.href} aria-label={link.label}>
+					<Icon name={link.icon} class="w-4 group-hover:!text-surreal-energy" />
 				</a>
 			))}
 		</div>
diff --git a/src/components/pages/labs/LabItem.astro b/src/components/pages/labs/LabItem.astro
index 48e0f8c84..67e4c665a 100644
--- a/src/components/pages/labs/LabItem.astro
+++ b/src/components/pages/labs/LabItem.astro
@@ -56,7 +56,7 @@ const avatar =
 		{category}
 	</p>
 	<h3
-		class="grid-item-title !mt-0 mb-6 text-bwr !text-xl line-clamp-3 !leading-tight transition-colors group-hover:text-surreal-pink"
+		class="grid-item-title !mt-0 mb-6 text-bwr !text-xl line-clamp-3 !leading-tight transition-colors group-hover:text-surreal-energy"
 		role="heading"
 		style="max-height: 76px;"
 	>
diff --git a/src/components/shared/Label.astro b/src/components/shared/Label.astro
index 39a5cea9d..95eeb8f3c 100644
--- a/src/components/shared/Label.astro
+++ b/src/components/shared/Label.astro
@@ -16,7 +16,7 @@ const { label } = Astro.props;
         @apply border-label-grey text-label-grey;
     }
     .purple {
-        @apply border-label-purple text-label-purple;
+        @apply border-surreal-passion text-surreal-passion;
     }
 
     @media (prefers-color-scheme: light) {
@@ -27,7 +27,7 @@ const { label } = Astro.props;
             @apply bg-label-grey text-white;
         }
         .purple {
-            @apply bg-label-purple text-white;
+            @apply bg-surreal-passion text-white;
         }
     }
 </style>
diff --git a/src/components/shared/MarkdownContainer.astro b/src/components/shared/MarkdownContainer.astro
index 7921b1e64..ba9e822a6 100644
--- a/src/components/shared/MarkdownContainer.astro
+++ b/src/components/shared/MarkdownContainer.astro
@@ -39,7 +39,7 @@ const { class: className } = Astro.props;
             @apply ml-3 text-text/50 inline-flex items-center mb-0 opacity-0 transition-opacity;
 
             &:hover {
-                @apply text-surreal-pink;
+                @apply text-surreal-energy;
             }
         }
 
@@ -64,7 +64,7 @@ const { class: className } = Astro.props;
             @apply font-bold text-text;
         }
         & :global(a) {
-            @apply text-hover transition-colors duration-300 hover:underline;
+            @apply text-surreal-passion hover:underline dark:text-surreal-energy transition-colors duration-300 dark:hover:no-underline;
             & :global(code) {
                 @apply !text-inherit;
             }
diff --git a/src/components/shared/Since.astro b/src/components/shared/Since.astro
index e43598503..b10555fde 100644
--- a/src/components/shared/Since.astro
+++ b/src/components/shared/Since.astro
@@ -76,7 +76,7 @@ if (isSurrealQLPage) {
     }
     
     .since-link {
-        @apply ml-2 text-xs underline hover:text-surreal-pink;
+        @apply ml-2 text-xs underline hover:text-surreal-energy;
     }
 </style>
 
diff --git a/src/components/shared/SurrealQLVersionBanner.astro b/src/components/shared/SurrealQLVersionBanner.astro
index 533feda92..bd52a7295 100644
--- a/src/components/shared/SurrealQLVersionBanner.astro
+++ b/src/components/shared/SurrealQLVersionBanner.astro
@@ -91,14 +91,14 @@ const v3Path = toVersionedPath(currentPath, '3.x');
 ---
 
 {showBanner && (
-    <div class="mb-4 p-3 bg-surreal-pink/10 border border-surreal-pink/30 rounded-lg text-sm">
+    <div class="mb-4 p-3 bg-surreal-energy/10 border border-surreal-energy/30 rounded-lg text-sm">
         <div class="flex items-center justify-between gap-2 flex-wrap">
             <span class="text-text/80">
                 There are updates in 3.0 for this topic
             </span>
             <a
                 href={v3Path}
-                class="text-surreal-pink hover:underline font-medium whitespace-nowrap"
+                class="text-surreal-energy hover:underline font-medium whitespace-nowrap"
                 data-version-override="3.x"
             >
                 View v3.x →
diff --git a/src/components/shared/SurrealQLVersionSwitcher.astro b/src/components/shared/SurrealQLVersionSwitcher.astro
index 455662f92..11455073d 100644
--- a/src/components/shared/SurrealQLVersionSwitcher.astro
+++ b/src/components/shared/SurrealQLVersionSwitcher.astro
@@ -46,7 +46,7 @@ const getCurrentVersionDisplay = (): string => {
     <button
         type="button"
         id="version-switcher-button"
-        class="w-full flex items-center justify-between gap-2 px-3 py-2 text-sm border border-border rounded-md bg-background hover:border-surreal-pink/50 transition-colors focus:outline-none focus:ring-2 focus:ring-surreal-pink/20"
+        class="w-full flex items-center justify-between gap-2 px-3 py-2 text-sm border border-border rounded-md bg-background hover:border-surreal-energy/50 transition-colors focus:outline-none focus:ring-2 focus:ring-surreal-energy/20"
         aria-label="Select SurrealQL version"
         aria-expanded="false"
     >
@@ -84,7 +84,7 @@ const getCurrentVersionDisplay = (): string => {
                         data-path={newPath}
                         class="w-full flex items-center justify-between gap-2 px-4 py-2 text-sm hover:bg-bwr/10 transition-colors text-left group version-option"
                         class:list={{
-                            'bg-surreal-pink/10': isSelected
+                            'bg-surreal-energy/10': isSelected
                         }}
                     >
                         <div class="flex items-center gap-2 flex-1 min-w-0">
@@ -95,7 +95,7 @@ const getCurrentVersionDisplay = (): string => {
                             ) : (
                                 <div class="w-3.5 h-3.5 flex-shrink-0" />
                             )}
-                            <span class="font-semibold" class:list={{ 'text-surreal-pink': isSelected }}>{version}</span>
+                            <span class="font-semibold" class:list={{ 'text-surreal-energy': isSelected }}>{version}</span>
                         </div>
                     </button>
                 );
@@ -120,7 +120,7 @@ const getCurrentVersionDisplay = (): string => {
                         data-path={newPath}
                         class="w-full flex items-center justify-between gap-2 px-4 py-2 text-sm hover:bg-bwr/10 transition-colors text-left group version-option"
                         class:list={{
-                            'bg-surreal-pink/10': isSelected
+                            'bg-surreal-energy/10': isSelected
                         }}
                     >
                         <div class="flex items-center gap-2 flex-1 min-w-0">
@@ -132,7 +132,7 @@ const getCurrentVersionDisplay = (): string => {
                                 <div class="w-3.5 h-3.5 flex-shrink-0" />
                             )}
                             <div class="flex-1 min-w-0">
-                                <span class="font-semibold" class:list={{ 'text-surreal-pink': isSelected }}>Latest</span>
+                                <span class="font-semibold" class:list={{ 'text-surreal-energy': isSelected }}>Latest</span>
                                 <span class="ml-2 text-xs text-text/60">(Current)</span>
                             </div>
                         </div>
diff --git a/src/content/doc-integrations/Frameworks/index.mdx b/src/content/doc-integrations/Frameworks/index.mdx
index 135b15f15..86d45de53 100644
--- a/src/content/doc-integrations/Frameworks/index.mdx
+++ b/src/content/doc-integrations/Frameworks/index.mdx
@@ -64,6 +64,10 @@ SurrealDB seamlessly integrates with popular AI and data frameworks, enabling yo
             <td><a href="/docs/integrations/frameworks/llama-index">Llama Index</a></td>
             <td>A framework for building RAG pipelines with SurrealDB's native HNSW vector index as the backing store.</td>
         </tr>
+        <tr>
+            <td><a href="/docs/integrations/frameworks/pydantic-ai">Pydantic AI</a></td>
+            <td>A Python framework designed to help you quickly, confidently, and painlessly build production grade applications and workflows with Generative AI.</td>
+        </tr>
         <tr>
             <td><a href="/docs/integrations/frameworks/smolagents">Smol Agents</a></td>
             <td>A complete walkthrough for building a code-generating AI agent that recommends grocery items by querying SurrealDB's HNSW vector index.</td>
diff --git a/src/content/doc-integrations/Frameworks/pydantic-ai.mdx b/src/content/doc-integrations/Frameworks/pydantic-ai.mdx
new file mode 100644
index 000000000..7f8e6ae9a
--- /dev/null
+++ b/src/content/doc-integrations/Frameworks/pydantic-ai.mdx
@@ -0,0 +1,330 @@
+---
+sidebar_position: 1
+sidebar_label: Pydantic AI
+title: Pydantic AI | Integrations
+description: This section contains information about the Pydantic AI framework and how to integrate it with SurrealDB.
+---
+
+# Pydantic AI
+
+[Pydantic AI](https://ai.pydantic.dev) is a Python agent framework designed to help you quickly, confidently, and painlessly build production grade applications and workflows with Generative AI.
+
+
+## Example
+
+This is a simple RAG application that uses Pydantic AI and embedded SurrealDB. The integration is done by providing the agent with a custom retrieval tool, which takes a search query, executes a SurrealDB vector-search query, and returns the results.
+
+**To run the example:**
+
+Set up your OpenAI API key:
+
+```bash
+export OPENAI_API_KEY=your-api-key
+```
+
+Or, store it in a .env file and add `--env-file .env` to your `uv run` commands.
+
+Build the vector store:
+
+```bash
+uv run --env-file .env -m pydantic_ai_examples.rag_surrealdb build
+```
+
+Ask the agent a question:
+
+```bash
+uv run --env-file .env -m pydantic_ai_examples.rag_surrealdb search "How do I register a function as a custom tool for my agent?"
+```
+
+Or use the web UI:
+
+```bash
+uv run --env-file .env -m pydantic_ai_examples.rag_surrealdb web
+```
+
+### Code
+
+```python
+from __future__ import annotations as _annotations
+
+import asyncio
+import re
+import sys
+import unicodedata
+from collections.abc import Sequence
+from contextlib import asynccontextmanager
+from dataclasses import dataclass
+from pathlib import Path
+from typing import TypeVar
+
+import httpx
+import logfire
+import uvicorn
+from pydantic import BaseModel, TypeAdapter
+from surrealdb import (
+    AsyncEmbeddedSurrealConnection,
+    AsyncHttpSurrealConnection,
+    AsyncSurreal,
+    AsyncWsSurrealConnection,
+    RecordID,
+    Value,
+)
+from typing_extensions import AsyncGenerator
+
+from pydantic_ai import Agent, Embedder
+
+SurrealConn = (
+    AsyncWsSurrealConnection
+    | AsyncHttpSurrealConnection
+    | AsyncEmbeddedSurrealConnection
+)
+
+# 'if-token-present' means nothing will be sent (and the example will work) if you don't have logfire configured
+logfire.configure(send_to_logfire='if-token-present')
+logfire.instrument_pydantic_ai()
+logfire.instrument_surrealdb()
+
+THIS_DIR = Path(__file__).parent
+
+SURREALDB_NS = 'pydantic_ai_examples'
+SURREALDB_DB = 'rag_surrealdb'
+SURREALDB_USER = 'root'
+SURREALDB_PASS = 'root'
+
+embedder = Embedder('openai:text-embedding-3-small')
+agent = Agent('openai:gpt-5.2')
+
+RecordType = TypeVar('RecordType')
+
+
+class RetrievalQueryResult(BaseModel):
+    url: str
+    title: str
+    content: str
+    dist: float
+
+
+async def query(
+    conn: SurrealConn,
+    query_: str,
+    vars_: dict[str, Value],
+    record_type: type[RecordType],
+) -> list[RecordType]:
+    result = await conn.query(query_, vars_)
+    result_ta = TypeAdapter(list[record_type])
+    rows = result_ta.validate_python(result)
+    return rows
+
+
+@agent.tool_plain
+async def retrieve(search_query: str) -> str:
+    """Retrieve documentation sections based on a search query.
+
+    Args:
+        search_query: The search query.
+    """
+    with logfire.span(
+        'create embedding for {search_query=}', search_query=search_query
+    ):
+        result = await embedder.embed_query(search_query)
+        embedding = result.embeddings
+
+    # Embedder method guarantees there's one item here
+    embedding_vector = embedding[0]
+
+    # SurrealDB vector search using HNSW index
+    async with database_connect(False) as db:
+        rows = await query(
+            db,
+            """
+            SELECT url, title, content, vector::distance::knn() AS dist
+            FROM doc_sections
+            WHERE embedding <|8, 40|> $vector
+            ORDER BY dist ASC
+            """,
+            {'vector': list(embedding_vector)},
+            RetrievalQueryResult,
+        )
+
+    return '\n\n'.join(
+        f'# {row.title}\nDocumentation URL:{row.url}\n\n{row.content}' for row in rows
+    )
+
+
+async def run_agent(question: str):
+    """Entry point to run the agent and perform RAG based question answering."""
+    logfire.info('Asking "{question}"', question=question)
+    answer = await agent.run(question)
+    print(answer.output)
+
+
+# Web chat UI
+app = agent.to_web()
+
+#######################################################
+# The rest of this file is dedicated to preparing the #
+# search database, and some utilities.                #
+#######################################################
+
+# JSON document from
+# https://gist.github.com/samuelcolvin/4b5bb9bb163b1122ff17e29e48c10992
+DOCS_JSON = (
+    'https://gist.githubusercontent.com/'
+    'samuelcolvin/4b5bb9bb163b1122ff17e29e48c10992/raw/'
+    '80c5925c42f1442c24963aaf5eb1a324d47afe95/logfire_docs.json'
+)
+
+
+def build_doc_rec_id(url: str) -> RecordID:
+    return RecordID('doc_sections', slugify(url, '_'))
+
+
+async def build_search_db():
+    """Build the search database."""
+    async with httpx.AsyncClient() as client:
+        response = await client.get(DOCS_JSON)
+        response.raise_for_status()
+    sections = sections_ta.validate_json(response.content)
+
+    async with database_connect(True) as db:
+        missing_sections: list[DocsSection] = []
+        for section in sections:
+            url = section.url()
+            record_id = build_doc_rec_id(url)
+            existing = await db.select(record_id)
+            if existing:
+                logfire.info('Skipping {url=}', url=url)
+                continue
+            missing_sections.append(section)
+
+        if missing_sections:
+            with logfire.span('create embeddings'):
+                result = await embedder.embed_documents(
+                    [section.embedding_content() for section in missing_sections]
+                )
+                embeddings = result.embeddings
+
+            for section, embedding_vector in zip(
+                missing_sections, embeddings, strict=True
+            ):
+                await insert_doc_section(db, section, embedding_vector)
+        else:
+            logfire.info('All documents already exist; skipping embedding generation')
+
+
+async def insert_doc_section(
+    db: SurrealConn,
+    section: DocsSection,
+    embedding_vector: Sequence[float],
+) -> None:
+    url = section.url()
+    record_id = build_doc_rec_id(url)
+
+    # Create record with embedding, using record ID directly
+    res = await db.create(
+        record_id,
+        {
+            'url': url,
+            'title': section.title,
+            'content': section.content,
+            'embedding': list(embedding_vector),
+        },
+    )
+    if not isinstance(res, dict):
+        raise ValueError(f'Unexpected response from database: {res}')
+
+
+@dataclass
+class DocsSection:
+    id: int
+    parent: int | None
+    path: str
+    level: int
+    title: str
+    content: str
+
+    def url(self) -> str:
+        url_path = re.sub(r'\.md$', '', self.path)
+        return (
+            f'https://logfire.pydantic.dev/docs/{url_path}/#{slugify(self.title, "-")}'
+        )
+
+    def embedding_content(self) -> str:
+        return '\n\n'.join((f'path: {self.path}', f'title: {self.title}', self.content))
+
+
+sections_ta = TypeAdapter(list[DocsSection])
+
+
+@asynccontextmanager
+async def database_connect(
+    create_db: bool = False,
+) -> AsyncGenerator[SurrealConn, None]:
+    # Running SurrealDB embedded
+    db_path = THIS_DIR / f'.{SURREALDB_DB}'
+    db_url = f'file://{db_path}'
+    requires_auth = False
+
+    # Running SurrealDB in a separate process, connect with URL
+    # db_url = 'ws://localhost:8000/rpc'
+    # requires_auth = True
+
+    async with AsyncSurreal(db_url) as db:
+        # Sign in to the database
+        if requires_auth:
+            await db.signin({'username': SURREALDB_USER, 'password': SURREALDB_PASS})
+
+        # Set namespace and database
+        await db.use(SURREALDB_NS, SURREALDB_DB)
+
+        # Initialize schema if creating database
+        if create_db:
+            with logfire.span('create schema'):
+                await db.query(DB_SCHEMA)
+
+        yield db
+
+
+DB_SCHEMA = """
+DEFINE TABLE doc_sections SCHEMALESS;
+
+DEFINE FIELD embedding ON doc_sections TYPE array<float>;
+
+DEFINE INDEX hnsw_idx_doc_sections ON doc_sections
+    FIELDS embedding
+    HNSW DIMENSION 1536
+    DIST COSINE
+    TYPE F32;
+"""
+
+
+def slugify(value: str, separator: str, unicode: bool = False) -> str:
+    """Slugify a string, to make it URL friendly."""
+    # Taken unchanged from https://github.com/Python-Markdown/markdown/blob/3.7/markdown/extensions/toc.py#L38
+    if not unicode:
+        # Replace Extended Latin characters with ASCII, i.e. `žlutý` => `zluty`
+        value = unicodedata.normalize('NFKD', value)
+        value = value.encode('ascii', 'ignore').decode('ascii')
+    value = re.sub(r'[^\w\s-]', '', value).strip().lower()
+    return re.sub(rf'[{separator}\s]+', separator, value)
+
+
+if __name__ == '__main__':
+    action = sys.argv[1] if len(sys.argv) > 1 else None
+    if action == 'build':
+        asyncio.run(build_search_db())
+    elif action == 'search':
+        if len(sys.argv) == 3:
+            q = sys.argv[2]
+        else:
+            q = 'How do I configure logfire to work with FastAPI?'
+        asyncio.run(run_agent(q))
+    elif action == 'web':
+        uvicorn.run(app, host='127.0.0.1', port=7932)
+    else:
+        print(
+            'uv run --extra examples -m pydantic_ai_examples.rag_surrealdb build|search|web',
+            file=sys.stderr,
+        )
+        sys.exit(1)
+```
diff --git a/src/content/doc-surrealdb/index.mdx b/src/content/doc-surrealdb/index.mdx
index f100b3db3..c89cc1999 100644
--- a/src/content/doc-surrealdb/index.mdx
+++ b/src/content/doc-surrealdb/index.mdx
@@ -387,7 +387,7 @@ You can interact with SurrealDB through the [CLI](/docs/surrealdb/cli) and the [
 		Dive into the full range of tools, libraries, and integrations built around SurrealDB. SurrealDB Labs brings together first- and third-party resources to help you build, manage, and extend your SurrealDB applications with ease.
 	</div>
 	<div class="mt-6 flex gap-2 items-center">
-		<div class="!text-surreal-pink">Explore SurrealDB Labs</div>
-		<Icon name="fa6-solid:arrow-right" class="w-4 text-surreal-pink transition-transform group-hover:translate-x-1" />
+		<div class="!text-surreal-energy">Explore SurrealDB Labs</div>
+		<Icon name="fa6-solid:arrow-right" class="w-4 text-surreal-energy transition-transform group-hover:translate-x-1" />
 	</div>
 </BasicBox>
\ No newline at end of file
diff --git a/src/content/labs-items/pydantic-ai.md b/src/content/labs-items/pydantic-ai.md
new file mode 100644
index 000000000..d99006a3f
--- /dev/null
+++ b/src/content/labs-items/pydantic-ai.md
@@ -0,0 +1,11 @@
+---
+title: "Pydantic AI"
+url: /docs/integrations/frameworks/pydantic-ai
+category: Documentation
+topics:
+  - AI
+  - Examples
+languages:
+  - Python
+author: surrealdb
+---
diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index ddc824a8c..080db091f 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -33,6 +33,10 @@
   --color-label-yellow: 255, 222, 2;
   --color-label-grey: 128, 128, 128;
   --color-label-purple: 158, 47, 255;
+
+  --color-violet-hover: 139, 92, 246;
+  --color-surreal-passion: 101, 29, 221;
+  --color-surreal-energy: 210, 85, 254;
 }
 
 @media (prefers-color-scheme: dark) {
@@ -60,15 +64,15 @@
 	--color-feature-beta: 245, 187, 64;
 	--color-feature-planned: 188, 127, 255;
 	--color-feature-future: 255, 0, 157;
+
+	--color-violet-hover: 139, 92, 246;
+	--color-surreal-passion: 101, 29, 221;
+	--color-surreal-energy: 210, 85, 254;
   }
 }
 
 .gradient-background {
-	background: linear-gradient(
-		to bottom,
-		rgba(var(--color-background-tertiary), 1),
-		rgba(var(--color-background-secondary), 1)
-	);
+	background: linear-gradient(135deg, rgb(var(--color-background-secondary)), rgb(var(--color-background-tertiary)));
 }
 
 .gradient-background-reversed {
@@ -79,30 +83,20 @@
 	);
 }
 
-.gradient-button {
-	@apply inline-flex gap-1.5 items-center justify-center text-sm px-4 py-2 font-medium bg-gradient-to-r from-surreal-pink to-surreal-purple rounded-lg border-white/30 border bg-origin-border transition-colors text-white;
-	@apply hover:no-underline !important;
+.gradient-button,
+.outline-button {
+	@apply inline-flex gap-1.5 place-items-center text-sm font-normal h-[2.625rem] px-[1.125rem] rounded-[1.875rem] !no-underline !text-white;
 
 	p {
 		@apply text-white mb-0 !important;
 	}
+}
 
-	svg {
-		@apply text-white;
-	}
+.gradient-button {
+	background: linear-gradient(135deg, rgb(var(--color-surreal-energy)), rgb(var(--color-surreal-passion)));
 }
 
 .outline-button {
-	@apply inline-flex gap-1.5 items-center justify-center text-sm px-4 py-2 font-medium rounded-lg transition-colors border-[1.5px] border-bwr/30 hover:bg-bwr hover:border-bwr hover:text-bw bg-background-tertiary;
-	@apply hover:no-underline !important;
-
-	p, svg {
-		@apply mb-0 text-black dark:text-white transition-colors !important;
-	}
-
-	&:hover {
-		p, svg {
-		@apply text-white dark:text-black !important;
-	}
-	}
+	background-color: transparent;
+	border: 1px solid rgba(255, 255, 255, 0.07);
 }
\ No newline at end of file
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 2898224b0..c0ea97728 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -6,7 +6,7 @@ input[type="checkbox"] {
 }
 
 input[type="checkbox"]:checked {
-	@apply bg-surreal-pink;
+	@apply bg-surreal-energy;
 }
 
 /** a checkmark when checked **/
@@ -29,5 +29,5 @@ label:has(input) > span {
 a:focus-visible,
 input:focus-visible,
 button:focus-visible {
-	@apply outline outline-surreal-pink outline-2;
+	@apply outline outline-surreal-energy outline-2;
 }
\ No newline at end of file
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 419888b35..54250b4fe 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -41,6 +41,9 @@ export default {
                 'label-yellow': withOpacity('label-yellow'),
                 'label-grey': withOpacity('label-grey'),
                 'label-purple': withOpacity('label-purple'),
+                'violet-hover': withOpacity('violet-hover'),
+                'surreal-passion': withOpacity('surreal-passion'),
+                'surreal-energy': withOpacity('surreal-energy'),
             },
             screens: {
                 xs: '390px',