e2net/iceshrimp
3
0
Fork 0
forked from mirrors/iceshrimp
Code Pull requests Activity

Tweak default themes

Browse source
This commit is contained in:
Aylam 2023-10-06 19:01:20 +03:00 committed by Laura Hausmann
parent 4748f30214
commit 8b860cd744
Signed by: zotan
GPG key ID: D044E84C5BE01605
3 changed files with 28 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/client/src/style.scss
View file

@ -283,10 +283,10 @@ hr {
transition: background 0.2s; transition: background 0.2s;
} }
&:hover:before, &:hover,
&:focus::before, &:focus,
&.highlighted::before { &.highlighted {
background: var(--buttonBg); background: var(--buttonHoverBg);
} }
&:focus-visible::before { &:focus-visible::before {
outline: auto; outline: auto;

27
packages/client/src/themes/d-iceshrimp.json5
View file

@ -6,17 +6,24 @@
props: { props: {
fg: '#E7EDFF', fg: '#E7EDFF',
bg: '#3B364C', bg: '#3B364C',
accent: '#9A92FF',
shadow: 'rgba(0, 0, 0, 0.3)',
fgOnAccent: '@bg',
panel: ':lighten<3<@bg',
panelActiveBg: ':darken<1.5<@bg',
panelActiveFg: '@fg',
panelHeaderBg: ':lighten<1<@bg',
panelHighlight: ':lighten<6<@panel',
hashtag: ':darken<6<#91c0ff',
link: ':darken<6<#ff9891', link: ':darken<6<#ff9891',
panel: ':lighten<3<@bg',
accent: '#9A92FF',
infoBg: ':lighten<6<@bg',
infoFg: ':lighten<6<@fg', infoFg: ':lighten<6<@fg',
infoBg: ':darken<3<@bg', shadow: 'rgba(0, 0, 0, 0.3)',
hashtag: ':darken<6<#91c0ff',
buttonBg: '#4a4461',
fgOnAccent: '@bg',
buttonHoverBg: ':lighten<2<@buttonBg',
panelActiveBg: ':alpha<0.2<@accent',
panelActiveFg: '@fg',
panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
panelHighlight: ':lighten<6<@panel',
buttonGradateA: '@accent',
buttonGradateB: '#8372F5',
infoWarnBg: '#8a6700',
infoWarnFg: '#fff4ab',
}, },
} }

11
packages/client/src/themes/l-iceshrimp.json5
View file

@ -7,15 +7,18 @@
fg: '#3B364C', fg: '#3B364C',
bg: '#E7EDFF', bg: '#E7EDFF',
accent: '#9A92FF', accent: '#9A92FF',
panel: ':lighten<3<@bg', panel: ':lighten<2<@bg',
panelHeaderBg: ':lighten<1<@bg', panelHeaderBg: '@panel',
panelHeaderDivider: '@divider',
panelActiveFg: '@fg', panelActiveFg: '@fg',
panelActiveBg: ':lighten<12<@accent', panelActiveBg: ':alpha<0.3<@accent',
panelHighlight: ':darken<3<@bg', panelHighlight: 'rgba(0, 0, 0, 0.1)',
shadow: 'rgba(0, 0, 0, 0.1)', shadow: 'rgba(0, 0, 0, 0.1)',
hashtag: ':darken<20<#91c0ff', hashtag: ':darken<20<#91c0ff',
link: ':darken<8<#ff9891', link: ':darken<8<#ff9891',
infoFg: ':lighten<6<@fg', infoFg: ':lighten<6<@fg',
infoBg: ':darken<6<@bg', infoBg: ':darken<6<@bg',
buttonGradateA: '@accent',
buttonGradateB: '#8372F5',
}, },
} }