Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Rebrand #567

Merged
merged 36 commits into from
Sep 28, 2023
Merged

Rebrand #567

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
36 commits
Select commit Hold shift + click to select a range
9ece808
Remove bottom left illustrations from getting started wizards
stnguyen90 Sep 18, 2023
cc38d3a
Replace grey shades
stnguyen90 Sep 20, 2023
935f99a
Update login and sign up pages
stnguyen90 Sep 19, 2023
5d64391
Merge pull request #5 from appwrite-labs/feat-replace-grey-shades
stnguyen90 Sep 20, 2023
7fe41e9
Merge pull request #2 from appwrite-labs/feat-remove-getting-started-…
stnguyen90 Sep 20, 2023
413209b
Merge pull request #4 from appwrite-labs/feat-login-sign-up-pages
stnguyen90 Sep 20, 2023
d65d6f5
Replace illustration on overview
stnguyen90 Sep 18, 2023
7be34db
Update appwrite logo
stnguyen90 Sep 21, 2023
e47029b
Update heading font from Poppins to Aeonik Pro
stnguyen90 Sep 18, 2023
4123192
Merge pull request #1 from appwrite-labs/feat-overview-illustration
TorstenDittmann Sep 25, 2023
e6f6e67
Merge pull request #3 from appwrite-labs/feat-heading-font
TorstenDittmann Sep 25, 2023
1184ad3
Merge pull request #6 from appwrite-labs/feat-new-logo
TorstenDittmann Sep 25, 2023
c2b6682
Replace the locked content images on the project overview page
stnguyen90 Sep 25, 2023
e10f0e5
Make locked onboarding sections responsive on project dashboard page
stnguyen90 Sep 25, 2023
65191b1
Fix card bg color
stnguyen90 Sep 25, 2023
b6cea78
Remove "Claim your Cloud card" button
stnguyen90 Sep 25, 2023
54efd10
Update initials avatar text color to be white
stnguyen90 Sep 26, 2023
334dae2
Update support links to point to github
stnguyen90 Sep 26, 2023
467ae73
Make avatar initials black for accessibility
stnguyen90 Sep 26, 2023
474a545
Add a darker neutral shade
stnguyen90 Sep 26, 2023
b813606
Update modal backdrop color
stnguyen90 Sep 26, 2023
077f1fe
Update command center colors
stnguyen90 Sep 26, 2023
e3796c7
Fix card bg color
stnguyen90 Sep 26, 2023
5dd0221
Fix cloud heading font weight
stnguyen90 Sep 26, 2023
03e0adf
Fix sign in with github button color
stnguyen90 Sep 26, 2023
ced1daa
Update empty state illustrations
stnguyen90 Sep 26, 2023
9c6fca8
Fix locked onboarding sections on project dashboard page
stnguyen90 Sep 26, 2023
334d6fe
Update favicon
stnguyen90 Sep 27, 2023
e86be79
Don't force dark mode on login page on cloud
stnguyen90 Sep 27, 2023
3903afe
Merge pull request #8 from appwrite-labs/fix-rebrand-css
eldadfux Sep 27, 2023
5a0980d
Update VCS status ready images with new logo
stnguyen90 Sep 27, 2023
e4b25bd
Update domain for fetching Aeonik Pro font
stnguyen90 Sep 27, 2023
ddc0d2e
Merge pull request #9 from appwrite-labs/feat-update-vcs-deployment-r…
eldadfux Sep 27, 2023
3e98f48
Merge pull request #10 from appwrite-labs/feat-fonts-domain
christyjacob4 Sep 27, 2023
ede96f4
Fix warning with avatar color
stnguyen90 Sep 28, 2023
1499daf
Fix lint errors
stnguyen90 Sep 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
86 changes: 85 additions & 1 deletion src/app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="description" content="" />
<link rel="icon" href="/favicon.png" />
<link rel="icon" type="image/svg+xml" href="/logos/appwrite-icon.svg" />
<link
rel="preload"
href="/fonts/inter/inter-v8-latin-600.woff2"
Expand Down Expand Up @@ -40,6 +40,90 @@
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Air.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-AirItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Thin.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-ThinItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Light.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-LightItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Regular.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-RegularItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Medium.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-MediumItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Bold.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-BoldItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-Black.woff2"
as="font"
type="font/woff2"
crossorigin />
<link
rel="preload"
href="https://fonts.appwrite.io/aeonik-pro/AeonikPro-BlackItalic.woff2"
as="font"
type="font/woff2"
crossorigin />
<link rel="preload" as="style" type="text/css" href="/fonts/main.css" />
<link rel="stylesheet" href="/fonts/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
Expand Down
10 changes: 7 additions & 3 deletions src/lib/commandCenter/panels/template.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -381,17 +381,21 @@
}

:global(.theme-dark) .card {
--cmd-center-bg: rgba(27, 27, 40, 0.8);
--cmd-center-bg: hsl(var(--color-neutral-100-new));
--cmd-center-border: hsl(var(--color-neutral-150));
--cmd-center-shadow: 0px 16px 32px 0px #14141f;
--cmd-center-shadow: 0px 16px 32px 0px hsl(var(--color-neutral-110-new));

--kbd-bg: hsl(var(--color-neutral-150));

--crumb-bg: hsl(var(--color-neutral-150));
--crumb-color: hsl(var(--color-neutral-30));

--result-bg: hsl(var(--color-neutral-200));
--footer-bg: linear-gradient(180deg, #1b1b28 0%, #282a3b 100%);
--footer-bg: linear-gradient(
180deg,
hsl(var(--color-neutral-100-new)) 0%,
hsl(var(--color-neutral-85-new)) 100%
);

--icon-color: hsl(var(--color-neutral-70));
--label-color: hsl(var(--color-neutral-30));
Expand Down
3 changes: 2 additions & 1 deletion src/lib/components/avatar.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,14 @@
export let size: number;
export let src: string;
export let name: string;
export let color = 'transparent';
</script>

<img
width={size}
height={size}
class="avatar"
style="--size: {size / 16}rem"
style="--size: {size / 16}rem; background-color: {color};"
{src}
title={name}
alt={name} />
3 changes: 2 additions & 1 deletion src/lib/components/avatarInitials.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,9 @@
export let name: string;
export let size: number;
export let background: string | undefined = undefined;
export let color = 'black';

$: src = sdk.forConsole.avatars.getInitials(name, size * 2, size * 2, background).toString();
</script>

<Avatar {name} {size} {src} />
<Avatar {name} {size} {src} {color} />
9 changes: 2 additions & 7 deletions src/lib/components/empty.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,14 +29,9 @@
on:click={track}
aria-label={`create {target}`}>
{#if $app.themeInUse === 'dark'}
<img src={EmptyDark} alt="create" aria-hidden="true" height="124" width="215" />
<img src={EmptyDark} alt="create" aria-hidden="true" width="376" />
{:else}
<img
src={EmptyLight}
alt="create"
aria-hidden="true"
height="124"
width="215" />
<img src={EmptyLight} alt="create" aria-hidden="true" width="376" />
{/if}
</button>
<slot>
Expand Down
14 changes: 0 additions & 14 deletions src/lib/elements/forms/button.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,17 +77,3 @@
<slot />
</button>
{/if}

<style lang="scss">
.is-github {
background-color: #373b4d;

&:hover {
background-color: lighten($color: #373b4d, $amount: 2.5);
}

&:active {
background-color: darken($color: #373b4d, $amount: 5);
}
}
</style>
6 changes: 0 additions & 6 deletions src/lib/images/appwrite-gray-light.svg
View file
Open in desktop

This file was deleted.

13 changes: 13 additions & 0 deletions src/lib/images/appwrite-logo-dark.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Loading