gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-10-29 20:21:29 +00:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

Various visual light theme tweaks

Browse Source
This commit is contained in:
diondiondion 2025-10-23 16:10:34 +02:00
parent ec86406cf7
commit e558a2c27b
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -79,7 +79,7 @@
--clr-bg-overlay: var(--clr-bg-primary); --clr-bg-overlay: var(--clr-bg-primary);
--clr-bg-disabled: var(--clr-grey-400); --clr-bg-disabled: var(--clr-grey-400);
--clr-bg-accent-subtle-base: var(--clr-indigo-600); --clr-bg-accent-subtle-base: var(--clr-indigo-600);
--clr-bg-accent-subtle-strength: 12%; --clr-bg-accent-subtle-strength: 8%;
--clr-bg-accent-subtle: #{utils.css-alpha( --clr-bg-accent-subtle: #{utils.css-alpha(
var(--clr-bg-accent-subtle-base), var(--clr-bg-accent-subtle-base),
var(--clr-bg-accent-subtle-strength) var(--clr-bg-accent-subtle-strength)

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

@ -289,7 +289,7 @@
--default-icon-color: var(--clr-text-secondary); --default-icon-color: var(--clr-text-secondary);
--default-bg-color: transparent; --default-bg-color: transparent;
--hover-icon-color: var(--clr-text-primary); --hover-icon-color: var(--clr-text-primary);
--hover-bg-color: var(--clr-bg-accent); --hover-bg-color: var(--clr-bg-accent-subtle);
display: inline-flex; display: inline-flex;
color: var(--default-icon-color); color: var(--default-icon-color);

5
app/javascript/styles/mastodon/emoji_picker.scss
View File

@ -18,7 +18,8 @@
.emoji-mart-bar { .emoji-mart-bar {
&:first-child { &:first-child {
background: var(--clr-border-primary); background: var(--clr-bg-tertiary);
border-bottom: 1px solid var(--clr-border-primary);
} }
} }
@ -168,7 +169,7 @@
inset-inline-start: 0; inset-inline-start: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-color: var(--clr-border-primary); background-color: var(--clr-bg-accent-subtle);
border-radius: 100%; border-radius: 100%;
} }
} }