Changesets: Version Packages (#645)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
LekoArts · Aug 26, 2021 · d33f796 · d33f796
1 parent 4fccc44
commit d33f796
Show file tree

Hide file tree

Showing 5 changed files with 116 additions and 57 deletions.
diff --git a/.changeset/sharp-crabs-provide.md b/.changeset/sharp-crabs-provide.md
diff --git a/themes/gatsby-theme-minimal-blog-core/CHANGELOG.md b/themes/gatsby-theme-minimal-blog-core/CHANGELOG.md
@@ -1,5 +1,59 @@
 # Change Log
 
+## 3.1.0
+
+### Minor Changes
+
+- [#644](https://github.com/LekoArts/gatsby-themes/pull/644) [`4fccc44`](https://github.com/LekoArts/gatsby-themes/commit/4fccc4412f4531c9b1063db3f8c6e41f4bda8ee0) Thanks [@LekoArts](https://github.com/LekoArts)! - **feat(minimal-blog-core): Set `backgroundColor` in gatsby-remark-images to `transparent`**
+
+  By default the plugin has `white` as a `backgroundColor`. This is a problem for transparent images (PNG) that are viewed in the dark theme version of the site.
+  So as a sensible default I'll set this to `transparent` now. If you relied on this being white and want to restore the old behavior, set the `mdx` option to `false` for the theme, [copy/paste the existing `gatsby-plugin-mdx` config](https://github.com/LekoArts/gatsby-themes/blob/master/themes/gatsby-theme-minimal-blog-core/gatsby-config.js#L22-L48) into your own site.
+
+  For example, your `gatsby-config.js` then will look like this:
+
+  ```js
+  module.exports = {
+    // + Rest of your config
+    plugins: [
+      // + rest of your plugins
+      {
+        resolve: `@lekoarts/gatsby-theme-minimal-blog`,
+        options: {
+          mdx: false
+          // + rest of the options you want to set
+        }
+      },
+      {
+        resolve: `gatsby-plugin-mdx`,
+        options: {
+          lessBabel: true,
+          extensions: [`.mdx`, `.md`],
+          gatsbyRemarkPlugins: [
+            {
+              resolve: `gatsby-remark-images`,
+              options: {
+                maxWidth: 960,
+                quality: 90,
+                linkImagesToOriginal: false
+              }
+            }
+          ],
+          plugins: [
+            {
+              resolve: `gatsby-remark-images`,
+              options: {
+                maxWidth: 960,
+                quality: 90,
+                linkImagesToOriginal: false
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  ```
+
 ## 3.0.3
 
 ### Patch Changes

diff --git a/themes/gatsby-theme-minimal-blog-core/package.json b/themes/gatsby-theme-minimal-blog-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lekoarts/gatsby-theme-minimal-blog-core",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "author": "LekoArts <[email protected]>",
   "description": "Core Theme for @lekoarts/gatsby-theme-minimal-blog. This theme implements the Post and Page node interfaces and exports templates (+ queries) which you can shadow.",
   "license": "MIT",

diff --git a/themes/gatsby-theme-minimal-blog/CHANGELOG.md b/themes/gatsby-theme-minimal-blog/CHANGELOG.md
@@ -1,5 +1,64 @@
 # Change Log
 
+## 3.1.0
+
+### Minor Changes
+
+- [#644](https://github.com/LekoArts/gatsby-themes/pull/644) [`4fccc44`](https://github.com/LekoArts/gatsby-themes/commit/4fccc4412f4531c9b1063db3f8c6e41f4bda8ee0) Thanks [@LekoArts](https://github.com/LekoArts)! - **feat(minimal-blog-core): Set `backgroundColor` in gatsby-remark-images to `transparent`**
+
+  By default the plugin has `white` as a `backgroundColor`. This is a problem for transparent images (PNG) that are viewed in the dark theme version of the site.
+  So as a sensible default I'll set this to `transparent` now. If you relied on this being white and want to restore the old behavior, set the `mdx` option to `false` for the theme, [copy/paste the existing `gatsby-plugin-mdx` config](https://github.com/LekoArts/gatsby-themes/blob/master/themes/gatsby-theme-minimal-blog-core/gatsby-config.js#L22-L48) into your own site.
+
+  For example, your `gatsby-config.js` then will look like this:
+
+  ```js
+  module.exports = {
+    // + Rest of your config
+    plugins: [
+      // + rest of your plugins
+      {
+        resolve: `@lekoarts/gatsby-theme-minimal-blog`,
+        options: {
+          mdx: false
+          // + rest of the options you want to set
+        }
+      },
+      {
+        resolve: `gatsby-plugin-mdx`,
+        options: {
+          lessBabel: true,
+          extensions: [`.mdx`, `.md`],
+          gatsbyRemarkPlugins: [
+            {
+              resolve: `gatsby-remark-images`,
+              options: {
+                maxWidth: 960,
+                quality: 90,
+                linkImagesToOriginal: false
+              }
+            }
+          ],
+          plugins: [
+            {
+              resolve: `gatsby-remark-images`,
+              options: {
+                maxWidth: 960,
+                quality: 90,
+                linkImagesToOriginal: false
+              }
+            }
+          ]
+        }
+      }
+    ]
+  };
+  ```
+
+### Patch Changes
+
+- Updated dependencies [[`4fccc44`](https://github.com/LekoArts/gatsby-themes/commit/4fccc4412f4531c9b1063db3f8c6e41f4bda8ee0)]:
+  - @lekoarts/gatsby-theme-minimal-blog-core@3.1.0
+
 ## 3.0.3
 
 ### Patch Changes

diff --git a/themes/gatsby-theme-minimal-blog/package.json b/themes/gatsby-theme-minimal-blog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lekoarts/gatsby-theme-minimal-blog",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "author": "LekoArts <[email protected]>",
   "description": "Typography driven, feature-rich blogging theme with minimal aesthetics. Includes tags/categories support and extensive features for code blocks such as live preview, line numbers, and line highlighting.",
   "license": "MIT",
@@ -20,7 +20,7 @@
     "react-dom": "^17.0.1"
   },
   "dependencies": {
-    "@lekoarts/gatsby-theme-minimal-blog-core": "^3.0.3",
+    "@lekoarts/gatsby-theme-minimal-blog-core": "^3.1.0",
     "@loadable/component": "^5.15.0",
     "@theme-ui/color": "^0.9.1",
     "@theme-ui/presets": "^0.9.1",