diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/content/dependencies/generateColorStyleVariables.js | 2 | ||||
| -rw-r--r-- | src/static/css/features.css | 6 | ||||
| -rw-r--r-- | src/static/js/client/image-overlay.js | 2 |
3 files changed, 4 insertions, 6 deletions
diff --git a/src/content/dependencies/generateColorStyleVariables.js b/src/content/dependencies/generateColorStyleVariables.js index 843fa94c..08afb9e9 100644 --- a/src/content/dependencies/generateColorStyleVariables.js +++ b/src/content/dependencies/generateColorStyleVariables.js @@ -30,7 +30,6 @@ export default { dark, dim, deep, - deepGhost, abyss, lightGhost, bg, @@ -43,7 +42,6 @@ export default { `--dark-color: ${dark}`, `--dim-color: ${dim}`, `--deep-color: ${deep}`, - `--deep-ghost-color: ${deepGhost}`, `--abyss-color: ${abyss}`, `--light-ghost-color: ${lightGhost}`, `--bg-color: ${bg}`, diff --git a/src/static/css/features.css b/src/static/css/features.css index eb08577a..d5d85575 100644 --- a/src/static/css/features.css +++ b/src/static/css/features.css @@ -1471,6 +1471,8 @@ --reveal-filter: ; --shadow-filter: ; + background: #0006; + backdrop-filter: blur(0); filter: var(--reveal-filter) @@ -1720,7 +1722,7 @@ #image-overlay-content-container { border-radius: 0 0 8px 8px; border: 2px solid var(--primary-color); - background: var(--deep-ghost-color); + background: var(--deep-color); box-shadow: 0 0 90px 30px #00000060, @@ -1732,7 +1734,7 @@ } #image-overlay-image-layout { - background: rgba(0, 0, 0, 0.65); + background: #0006; } #image-overlay-image-thumb { diff --git a/src/static/js/client/image-overlay.js b/src/static/js/client/image-overlay.js index 0595bff7..3dbe4159 100644 --- a/src/static/js/client/image-overlay.js +++ b/src/static/js/client/image-overlay.js @@ -211,14 +211,12 @@ function updateImageOverlayColors(details) { cssProp(info.container, { '--primary-color': colors.primary, '--deep-color': colors.deep, - '--deep-ghost-color': colors.deepGhost, '--bg-black-color': colors.bgBlack, }); } else { cssProp(info.container, { '--primary-color': null, '--deep-color': null, - '--deep-ghost-color': null, '--bg-black-color': null, }); } |