diff --git a/app/javascript/styles_new/mastodon/admin.scss b/app/javascript/styles_new/mastodon/admin.scss index d0cd3c51374..eaa91936b10 100644 --- a/app/javascript/styles_new/mastodon/admin.scss +++ b/app/javascript/styles_new/mastodon/admin.scss @@ -122,7 +122,11 @@ $content-width: 840px; align-items: center; gap: 6px; padding: 15px; - color: var(--color-text-secondary); + color: color-mix( + in oklab, + var(--color-text-primary), + var(--color-text-secondary) + ); text-decoration: none; transition: all 200ms linear; transition-property: color, background-color; diff --git a/app/javascript/styles_new/mastodon/components.scss b/app/javascript/styles_new/mastodon/components.scss index 34a0308402d..d5b61e6abbf 100644 --- a/app/javascript/styles_new/mastodon/components.scss +++ b/app/javascript/styles_new/mastodon/components.scss @@ -4494,7 +4494,7 @@ a.status-card { z-index: 1; background: radial-gradient( ellipse, - rgb(from var(--color-bg-brand-softer-base) r g b / 23%) 0%, + rgb(from var(--color-bg-brand-base) r g b / 23%) 0%, transparent 60% ); } diff --git a/app/javascript/styles_new/mastodon/css_variables.scss b/app/javascript/styles_new/mastodon/css_variables.scss index ba3319a6b48..b270bd337ff 100644 --- a/app/javascript/styles_new/mastodon/css_variables.scss +++ b/app/javascript/styles_new/mastodon/css_variables.scss @@ -79,7 +79,7 @@ // Utility --color-bg-ambient: var(--color-bg-primary); - --color-bg-elevated: var(--color-grey-800); + --color-bg-elevated: var(--color-bg-primary); --color-bg-inverted: var(--color-grey-50); --color-bg-media-base: var(--color-black); --color-bg-media-strength: 65%; @@ -87,7 +87,7 @@ var(--color-bg-media-base), var(--color-bg-media-strength) )}; - --color-bg-overlay: var(--color-bg-primary); + --color-bg-overlay: var(--color-black); --color-bg-disabled: var(--color-grey-700); // Brand