limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-29 05:17:39 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

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', panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)', panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
panelActiveFg: '@accent',
panelActiveBg: '@accentedBg',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg', pageHeader: ':alpha<0.85<@bg',

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

@ -31,6 +31,8 @@
panelHeaderFg: '@fg', panelHeaderFg: '@fg',
panelHeaderDivider: 'rgba(0, 0, 0, 0)', panelHeaderDivider: 'rgba(0, 0, 0, 0)',
panelBorder: '" solid 1px var(--divider)', panelBorder: '" solid 1px var(--divider)',
panelActiveFg: '@accent',
panelActiveBg: '@accentedBg',
acrylicPanel: ':alpha<0.5<@panel', acrylicPanel: ':alpha<0.5<@panel',
windowHeader: ':alpha<0.85<@panel', windowHeader: ':alpha<0.85<@panel',
pageHeader: ':alpha<0.85<@bg', 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', id: '0c74bfbe-c9b9-4a42-9798-2ee030e65f1c',
name: 'Iceshrimp Dark', name: 'Iceshrimp Dark',
author: 'aylamz', author: '@TyrKilcat@meow.social',
base: 'dark', base: 'dark',
props: { props: {
accent: '#47BFE8', fg: '#E7EDFF',
bg: '#212526', bg: '#3B364C',
accent: '#9A92FF',
shadow: 'rgba(0, 0, 0, 0)', shadow: 'rgba(0, 0, 0, 0)',
fgOnAccent: '@bg', 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', id: '360da846-debe-40f9-9f10-5ad035afa546',
name: 'Iceshrimp Light', name: 'Iceshrimp Light',
author: 'aylamz', author: '@TyrKilcat@meow.social',
base: 'light', base: 'light',
props: { props: {
fg: '#444', fg: '#3B364C',
bg: '#f7f7f7', bg: '#E7EDFF',
accent: '#008cff', accent: '#9A92FF',
panel: ':lighten<3<@bg', panel: ':lighten<3<@bg',
panelHeaderBg: ':lighten<1<@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)', shadow: 'rgba(0, 0, 0, 0)',
hashtag: '#c44100', hashtag: ':darken<20<#91c0ff',
link: '#2c7386', link: ':darken<8<#ff9891',
infoFg: '#212528', 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 { &.active {
color: var(--accent); color: var(--panelActiveFg);
transition: all 0.4s ease; transition: all 0.4s ease;
&:before { &:before {
background: var(--accentedBg); background: var(--panelActiveBg);
} }
} }
} }
@ -603,7 +603,7 @@ function more(ev: MouseEvent) {
&:focus-within, &:focus-within,
&.active { &.active {
text-decoration: none; text-decoration: none;
color: var(--accent); color: var(--panelActiveFg);
transition: all 0.4s ease; transition: all 0.4s ease;
&:before { &:before {
@ -635,7 +635,7 @@ function more(ev: MouseEvent) {
&.active { &.active {
&:before { &:before {
background: var(--accentedBg); background: var(--panelActiveBg);
} }
} }
} }