summaryrefslogtreecommitdiff
path: root/packages/frontend-embed
diff options
context:
space:
mode:
authorHazelnoot <acomputerdog@gmail.com>2025-03-31 16:07:41 -0400
committerHazelnoot <acomputerdog@gmail.com>2025-03-31 16:07:55 -0400
commit2983092c068d62e5c9bb10ffcef36f34c885910a (patch)
treebb3c85ca8eb713ab116e5e19f108b56cea5ab4b9 /packages/frontend-embed
parentMerge branch 'develop' into merge/2025-03-24 (diff)
parentfix missing import (diff)
downloadsharkey-2983092c068d62e5c9bb10ffcef36f34c885910a.tar.gz
sharkey-2983092c068d62e5c9bb10ffcef36f34c885910a.tar.bz2
sharkey-2983092c068d62e5c9bb10ffcef36f34c885910a.zip
Merge branch 'misskey-develop' into merge/2025-03-24
Diffstat (limited to 'packages/frontend-embed')
-rw-r--r--packages/frontend-embed/src/components/EmMediaImage.vue4
-rw-r--r--packages/frontend-embed/src/style.scss2
2 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend-embed/src/components/EmMediaImage.vue b/packages/frontend-embed/src/components/EmMediaImage.vue
index 3bdf702b01..e9126d4665 100644
--- a/packages/frontend-embed/src/components/EmMediaImage.vue
+++ b/packages/frontend-embed/src/components/EmMediaImage.vue
@@ -95,7 +95,7 @@ async function onclick(ev: MouseEvent) {
position: absolute;
border-radius: 6px;
background-color: var(--MI_THEME-fg);
- color: var(--MI_THEME-accentLighten);
+ color: hsl(from var(--MI_THEME-accent) h s calc(l + 10));
font-size: 12px;
opacity: .5;
padding: 5px 8px;
@@ -153,7 +153,7 @@ html[data-color-scheme=light] .visible {
/* Hardcode to black because either --MI_THEME-bg or --MI_THEME-fg makes it hard to read in dark/light mode */
background-color: black;
border-radius: 6px;
- color: var(--MI_THEME-accentLighten);
+ color: hsl(from var(--MI_THEME-accent) h s calc(l + 10));
display: inline-block;
font-weight: bold;
font-size: 0.8em;
diff --git a/packages/frontend-embed/src/style.scss b/packages/frontend-embed/src/style.scss
index 6097281c37..ba3238cd4c 100644
--- a/packages/frontend-embed/src/style.scss
+++ b/packages/frontend-embed/src/style.scss
@@ -278,7 +278,7 @@ rt {
}
._acrylic {
- background: var(--MI_THEME-acrylicPanel);
+ background: color(from var(--MI_THEME-panel) srgb r g b / 0.5);
-webkit-backdrop-filter: var(--MI-blur, blur(15px));
backdrop-filter: var(--MI-blur, blur(15px));
}