Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-13 07:49:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix color contrast issues caused by new theme tokens (#37105)

Browse Source
This commit is contained in:
diondiondion
2025-12-03 16:43:26 +01:00
committed by GitHub
parent 7c730e9041
commit 498e88f059
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/styles/mastodon-light/css_variables.scss
View File

@@ -39,6 +39,7 @@
var(--color-text-brand)
);
--color-text-on-brand-base: var(--color-white);
--color-text-brand-on-inverted: var(--color-indigo-400);
--color-text-error: var(--color-red-600);
--color-text-on-error-base: var(--color-white);
--color-text-warning: var(--color-yellow-600);

4
app/javascript/styles/mastodon/components.scss
View File

@@ -10267,7 +10267,7 @@ noscript {
background: transparent;
text-transform: uppercase;
cursor: pointer;
color: var(--color-text-brand);
color: var(--color-text-brand-on-inverted);
font-weight: 700;
border-radius: 4px;
padding: 0 4px;
@@ -10751,7 +10751,7 @@ noscript {
box-sizing: border-box;
font-size: 14px;
color: var(--color-text-secondary);
background: var(--color-bg-tertiary);
background: var(--color-bg-secondary);
border: 1px solid var(--color-border-primary);
border-top: 0;
border-radius: 0 0 8px 8px;

3
app/javascript/styles/mastodon/css_variables.scss
View File

@@ -39,6 +39,7 @@
var(--color-text-brand)
);
--color-text-on-brand-base: var(--color-white);
--color-text-brand-on-inverted: var(--color-indigo-600);
--color-text-error: var(--color-red-500);
--color-text-on-error-base: var(--color-white);
--color-text-warning: var(--color-yellow-400);
@@ -60,7 +61,7 @@
// Neutrals
--color-bg-primary: var(--color-grey-950);
--overlay-strength-secondary: 10%;
--overlay-strength-secondary: 8%;
--color-bg-secondary-base: var(--color-indigo-200);
--color-bg-secondary: #{utils.css-alpha(
var(--color-bg-secondary-base),