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

[Glitch] Fix color contrast issues caused by new theme tokens

Browse Source 
Port 498e88f059 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-12-03 16:43:26 +01:00
committed by Claire
parent c8f365fd1d
commit 5a5ba02f96
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/flavours/glitch/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/flavours/glitch/styles/mastodon/components.scss
View File

@@ -10609,7 +10609,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;
@@ -11093,7 +11093,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/flavours/glitch/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),