Merge pull request #904 from OI-wiki/dark-filter

feat: darken image
OI-wiki · Jul 12, 2021 · 2f34d46 · 2f34d46
2 parents 1bbe385 + d34dcfb
commit 2f34d46
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/gatsby-theme-oi-wiki/src/theme/global.js b/gatsby-theme-oi-wiki/src/theme/global.js
@@ -37,6 +37,7 @@ const globalStyles = withStyles((theme) => ({
     },
     img: {
       maxWidth: '100%',
+      filter: 'var(--image-filter)',
     },
     ol: {
       paddingInlineStart: 30,

diff --git a/gatsby-theme-oi-wiki/src/theme/index.js b/gatsby-theme-oi-wiki/src/theme/index.js
@@ -66,6 +66,7 @@ const lightCss = {
       '--link-default': hexToRgbaParam('#576ad4'),
       '--link-hover': hexToRgbaParam('#03a9f4'),
       '--highlight-filter': '',
+      '--image-filter': '',
       '--inline-code-color': hexToRgbaParam('#37474f'),
       '--inline-code-background': '236, 236, 236, .5',
       ...applyDefaults(lightColor, ...paletteKeys),
@@ -96,6 +97,7 @@ const darkCss = {
       '--link-default': hexToRgbaParam('#20baff'),
       '--link-hover': hexToRgbaParam('#52ebff'),
       '--highlight-filter': 'invert(98%) hue-rotate(180deg)',
+      '--image-filter': 'brightness(0.8)',
       '--inline-code-color': hexToRgbaParam('#c4c4c4'),
       '--inline-code-background': hexToRgbaParam('#424242'),
       ...applyDefaults(darkColor, ...paletteKeys),
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,6 +37,7 @@ const globalStyles = withStyles((theme) => ({ @@
         },
         img: {
           maxWidth: '100%',
+          filter: 'var(--image-filter)',
         },
         ol: {
           paddingInlineStart: 30,
@@ Expand Down @@