mirror/iceshrimp
1
0
Fork 0
mirror of https://iceshrimp.dev/iceshrimp/iceshrimp synced 2024-11-24 15:16:07 +09:00
Code Issues Actions Packages Projects Releases Wiki Activity

Overhauled default themes with new brand colors

Browse Source
This commit is contained in:
Laura Hausmann 2023-10-04 00:14:27 +02:00
parent 28259129e8
commit 11ba55e42f
No known key found for this signature in database
GPG Key ID: D044E84C5BE01605
5 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/client/src/themes/_dark.json5
View File

@ -31,6 +31,8 @@
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)',
panelActiveFg: '@accent',
panelActiveBg: '@accentedBg',
acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg',

2
packages/client/src/themes/_light.json5
View File

@ -31,6 +31,8 @@
panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)',
panelActiveFg: '@accent',
panelActiveBg: '@accentedBg',
acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg',

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

@ -1,15 +1,22 @@
{
id: '0c74bfbe-c9b9-4a42-9798-2ee030e65f1c',
name: 'Iceshrimp Dark',
author: 'aylamz',
author: '@TyrKilcat@meow.social',
base: 'dark',
props: {
accent: '#47BFE8',
bg: '#212526',
fg: '#E7EDFF',
bg: '#3B364C',
accent: '#9A92FF',
shadow: 'rgba(0, 0, 0, 0)',
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',
infoFg: ':lighten<6<@fg',
infoBg: ':darken<3<@bg',
},
}

22
packages/client/src/themes/l-iceshrimp.json5
View File

@ -1,21 +1,21 @@
{
id: '360da846-debe-40f9-9f10-5ad035afa546',
name: 'Iceshrimp Light',
author: 'aylamz',
author: '@TyrKilcat@meow.social',
base: 'light',
props: {
fg: '#444',
bg: '#f7f7f7',
accent: '#008cff',
fg: '#3B364C',
bg: '#E7EDFF',
accent: '#9A92FF',
panel: ':lighten<3<@bg',
panelHeaderBg: ':lighten<1<@bg',
panelHighlight: ':darken<6<@bg',
panelActiveFg: '@fg',
panelActiveBg: ':lighten<12<@accent',
panelHighlight: ':darken<3<@bg',
shadow: 'rgba(0, 0, 0, 0)',
hashtag: '#c44100',
link: '#2c7386',
infoFg: '#212528',
hashtag: ':darken<20<#91c0ff',
link: ':darken<8<#ff9891',
infoFg: ':lighten<6<@fg',
infoBg: ':darken<6<@bg',
},
}

8
packages/client/src/ui/_common_/navbar.vue
View File

@ -446,11 +446,11 @@ function more(ev: MouseEvent) {
}
&.active {
color: var(--accent);
color: var(--panelActiveFg);
transition: all 0.4s ease;
&:before {
background: var(--accentedBg);
background: var(--panelActiveBg);
}
}
}
@ -603,7 +603,7 @@ function more(ev: MouseEvent) {
&:focus-within,
&.active {
text-decoration: none;
color: var(--accent);
color: var(--panelActiveFg);
transition: all 0.4s ease;
&:before {
@ -635,7 +635,7 @@ function more(ev: MouseEvent) {
&.active {
&:before {
background: var(--accentedBg);
background: var(--panelActiveBg);
}
}
}