diff --git a/src/assets/images/AstroPaper-v3.png b/src/assets/images/AstroPaper-v3.png new file mode 100644 index 0000000..7b96741 Binary files /dev/null and b/src/assets/images/AstroPaper-v3.png differ diff --git a/src/content/blog/astro-paper-3.md b/src/content/blog/astro-paper-3.md index c4835f4..686c28d 100644 --- a/src/content/blog/astro-paper-3.md +++ b/src/content/blog/astro-paper-3.md @@ -4,6 +4,7 @@ pubDatetime: 2023-09-25T10:25:54.547Z title: AstroPaper 3.0 postSlug: astro-paper-v3 featured: true +ogImage: https://github.com/satnaing/astro-paper/assets/53733092/1ef0cf03-8137-4d67-ac81-84a032119e3a tags: - release description: "AstroPaper Version 3: Elevating Your Web Experience with Astro v3 and Seamless View Transitions" @@ -11,6 +12,8 @@ description: "AstroPaper Version 3: Elevating Your Web Experience with Astro v3 We're excited to announce the release of AstroPaper v3, packed with new features, enhancements, and bug fixes to elevate your web development experience. Let's dive into the highlights of this release: +![AstroPaper v3](@assets/images/AstroPaper-v3.png) + ## Table of contents ## Features & Changes diff --git a/src/content/blog/predefined-color-schemes.md b/src/content/blog/predefined-color-schemes.md index 6bedaf9..598eb77 100644 --- a/src/content/blog/predefined-color-schemes.md +++ b/src/content/blog/predefined-color-schemes.md @@ -149,3 +149,18 @@ html[data-theme="dark"] { --color-border: 171, 75, 8; } ``` + +### Astro Deep Purple (New dark theme in AstroPaper 3) + +![AstroPaper v3 new theme](https://github.com/satnaing/astro-paper/assets/53733092/c8b5d7e1-a3bc-4852-a5ad-4abf7b3cec79) + +```css +html[data-theme="dark"] { + --color-fill: 33, 39, 55; + --color-text-base: 234, 237, 243; + --color-accent: 235, 63, 211; + --color-card: 52, 63, 96; + --color-card-muted: 125, 79, 124; + --color-border: 100, 36, 81; +} +```