mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-11-30 15:58:05 +09:00
Code Issues Actions Packages Projects Releases Wiki 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
No known key found for this signature in database
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;
}
&:hover:before,
&:focus::before,
&.highlighted::before {
background: var(--buttonBg);
&:hover,
&:focus,
&.highlighted {
background: var(--buttonHoverBg);
}
&:focus-visible::before {
outline: auto;

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

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