chore: update screenshots

demoSite/content/posts/css-vars.md

@@ -2,7 +2,7 @@
 title = "CSS Variables update"
 date = "2024-07-30"
 author = "Mirus"
-cover = "img/hello.jpg"
+cover = "img/css-variables-update.webp"
 description = "A small demo of native CSS Variables. You can create your very own re-Terminal today!"
 layout = "css-vars-showcase"
 Toc=true
@@ -38,7 +38,7 @@ You can find all of them in the browser's page inspector, but here is the list w
 
 ```css
   :root {
-    --accent: #23B0FF; /* 1 of 6 basic colors */
+    --accent: #23B0FF; /* 1 of 5 basic colors */
     --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%); /* background color; inherit shades of the accent */
     --accent-contrast-color: black; /* mainly uses for text on the accent backgrounds but not limited */
     --color: white; /* text color, also some other text use the variable in color mixing */