diff --git a/.changeset/sharp-crabs-provide.md b/.changeset/sharp-crabs-provide.md deleted file mode 100644 index 13d5410c2..000000000 --- a/.changeset/sharp-crabs-provide.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -"@lekoarts/gatsby-theme-minimal-blog-core": minor -"@lekoarts/gatsby-theme-minimal-blog": minor ---- - -**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, - }, - }, - ], - }, - }, - ], -}; -``` diff --git a/themes/gatsby-theme-minimal-blog-core/CHANGELOG.md b/themes/gatsby-theme-minimal-blog-core/CHANGELOG.md index dfa643755..c43d158be 100755 --- 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 index d921fe9d5..1ea99cf24 100755 --- 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 ", "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 index 7d2c596a6..ac3abeeb5 100755 --- 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 index 469677d3f..35f29bb5f 100755 --- 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 ", "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",