Skip to content

Commit c57a776

Browse files
Merge pull request #567 from appwrite/feat-rebrand
Rebrand
2 parents 9ac7952 + 1499daf commit c57a776

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+1685
-3394
lines changed

src/app.html

Lines changed: 85 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="description" content="" />
6-
<link rel="icon" href="/favicon.png" />
6+
<link rel="icon" type="image/svg+xml" href="/logos/appwrite-icon.svg" />
77
<link
88
rel="preload"
99
href="/fonts/inter/inter-v8-latin-600.woff2"
@@ -40,6 +40,90 @@
4040
as="font"
4141
type="font/woff2"
4242
crossorigin />
43+
<link
44+
rel="preload"
45+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Air.woff2"
46+
as="font"
47+
type="font/woff2"
48+
crossorigin />
49+
<link
50+
rel="preload"
51+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-AirItalic.woff2"
52+
as="font"
53+
type="font/woff2"
54+
crossorigin />
55+
<link
56+
rel="preload"
57+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Thin.woff2"
58+
as="font"
59+
type="font/woff2"
60+
crossorigin />
61+
<link
62+
rel="preload"
63+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-ThinItalic.woff2"
64+
as="font"
65+
type="font/woff2"
66+
crossorigin />
67+
<link
68+
rel="preload"
69+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Light.woff2"
70+
as="font"
71+
type="font/woff2"
72+
crossorigin />
73+
<link
74+
rel="preload"
75+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-LightItalic.woff2"
76+
as="font"
77+
type="font/woff2"
78+
crossorigin />
79+
<link
80+
rel="preload"
81+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Regular.woff2"
82+
as="font"
83+
type="font/woff2"
84+
crossorigin />
85+
<link
86+
rel="preload"
87+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-RegularItalic.woff2"
88+
as="font"
89+
type="font/woff2"
90+
crossorigin />
91+
<link
92+
rel="preload"
93+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Medium.woff2"
94+
as="font"
95+
type="font/woff2"
96+
crossorigin />
97+
<link
98+
rel="preload"
99+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-MediumItalic.woff2"
100+
as="font"
101+
type="font/woff2"
102+
crossorigin />
103+
<link
104+
rel="preload"
105+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Bold.woff2"
106+
as="font"
107+
type="font/woff2"
108+
crossorigin />
109+
<link
110+
rel="preload"
111+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-BoldItalic.woff2"
112+
as="font"
113+
type="font/woff2"
114+
crossorigin />
115+
<link
116+
rel="preload"
117+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Black.woff2"
118+
as="font"
119+
type="font/woff2"
120+
crossorigin />
121+
<link
122+
rel="preload"
123+
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-BlackItalic.woff2"
124+
as="font"
125+
type="font/woff2"
126+
crossorigin />
43127
<link rel="preload" as="style" type="text/css" href="/fonts/main.css" />
44128
<link rel="stylesheet" href="/fonts/main.css" />
45129
<meta name="viewport" content="width=device-width, initial-scale=1" />

src/lib/commandCenter/panels/template.svelte

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -381,17 +381,21 @@
381381
}
382382
383383
:global(.theme-dark) .card {
384-
--cmd-center-bg: rgba(27, 27, 40, 0.8);
384+
--cmd-center-bg: hsl(var(--color-neutral-100-new));
385385
--cmd-center-border: hsl(var(--color-neutral-150));
386-
--cmd-center-shadow: 0px 16px 32px 0px #14141f;
386+
--cmd-center-shadow: 0px 16px 32px 0px hsl(var(--color-neutral-110-new));
387387
388388
--kbd-bg: hsl(var(--color-neutral-150));
389389
390390
--crumb-bg: hsl(var(--color-neutral-150));
391391
--crumb-color: hsl(var(--color-neutral-30));
392392
393393
--result-bg: hsl(var(--color-neutral-200));
394-
--footer-bg: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
394+
--footer-bg: linear-gradient(
395+
180deg,
396+
hsl(var(--color-neutral-100-new)) 0%,
397+
hsl(var(--color-neutral-85-new)) 100%
398+
);
395399
396400
--icon-color: hsl(var(--color-neutral-70));
397401
--label-color: hsl(var(--color-neutral-30));

src/lib/components/avatar.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,14 @@
22
export let size: number;
33
export let src: string;
44
export let name: string;
5+
export let color = 'transparent';
56
</script>
67

78
<img
89
width={size}
910
height={size}
1011
class="avatar"
11-
style="--size: {size / 16}rem"
12+
style="--size: {size / 16}rem; background-color: {color};"
1213
{src}
1314
title={name}
1415
alt={name} />

src/lib/components/avatarInitials.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,9 @@
55
export let name: string;
66
export let size: number;
77
export let background: string | undefined = undefined;
8+
export let color = 'black';
89
910
$: src = sdk.forConsole.avatars.getInitials(name, size * 2, size * 2, background).toString();
1011
</script>
1112

12-
<Avatar {name} {size} {src} />
13+
<Avatar {name} {size} {src} {color} />

src/lib/components/empty.svelte

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,14 +29,9 @@
2929
on:click={track}
3030
aria-label={`create {target}`}>
3131
{#if $app.themeInUse === 'dark'}
32-
<img src={EmptyDark} alt="create" aria-hidden="true" height="124" width="215" />
32+
<img src={EmptyDark} alt="create" aria-hidden="true" width="376" />
3333
{:else}
34-
<img
35-
src={EmptyLight}
36-
alt="create"
37-
aria-hidden="true"
38-
height="124"
39-
width="215" />
34+
<img src={EmptyLight} alt="create" aria-hidden="true" width="376" />
4035
{/if}
4136
</button>
4237
<slot>

src/lib/elements/forms/button.svelte

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -77,17 +77,3 @@
7777
<slot />
7878
</button>
7979
{/if}
80-
81-
<style lang="scss">
82-
.is-github {
83-
background-color: #373b4d;
84-
85-
&:hover {
86-
background-color: lighten($color: #373b4d, $amount: 2.5);
87-
}
88-
89-
&:active {
90-
background-color: darken($color: #373b4d, $amount: 5);
91-
}
92-
}
93-
</style>

src/lib/images/appwrite-gray-light.svg

Lines changed: 0 additions & 6 deletions
This file was deleted.
Lines changed: 13 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)