Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-16 01:09:55 +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) var(--color-text-brand)
); );
--color-text-on-brand-base: var(--color-white); --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-error: var(--color-red-600);
--color-text-on-error-base: var(--color-white); --color-text-on-error-base: var(--color-white);
--color-text-warning: var(--color-yellow-600); --color-text-warning: var(--color-yellow-600);

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

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

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

@@ -39,6 +39,7 @@
var(--color-text-brand) var(--color-text-brand)
); );
--color-text-on-brand-base: var(--color-white); --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-error: var(--color-red-500);
--color-text-on-error-base: var(--color-white); --color-text-on-error-base: var(--color-white);
--color-text-warning: var(--color-yellow-400); --color-text-warning: var(--color-yellow-400);
@@ -60,7 +61,7 @@
// Neutrals // Neutrals
--color-bg-primary: var(--color-grey-950); --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-base: var(--color-indigo-200);
--color-bg-secondary: #{utils.css-alpha( --color-bg-secondary: #{utils.css-alpha(
var(--color-bg-secondary-base), var(--color-bg-secondary-base),