diff --git a/assets/app-icon.png b/assets/app-icon.png index b95e015c..e37309ef 100644 Binary files a/assets/app-icon.png and b/assets/app-icon.png differ diff --git a/assets/app-icon.svg b/assets/app-icon.svg index 13ca298b..5d088d91 100644 --- a/assets/app-icon.svg +++ b/assets/app-icon.svg @@ -1,31 +1,13 @@ app-icon - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + \ No newline at end of file diff --git a/assets/logo-dark.svg b/assets/logo-dark.svg index 34f73fec..0a152c92 100644 --- a/assets/logo-dark.svg +++ b/assets/logo-dark.svg @@ -1,41 +1,163 @@ - - - - - - - - - - - - - - - - - - - - - - + + + logo copy 4 + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logo-light.svg b/assets/logo-light.svg index 34f73fec..0a152c92 100644 --- a/assets/logo-light.svg +++ b/assets/logo-light.svg @@ -1,41 +1,163 @@ - - - - - - - - - - - - - - - - - - - - - - + + + logo copy 4 + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/manifest.json b/assets/manifest.json index c87cc403..6b8d4fcd 100644 --- a/assets/manifest.json +++ b/assets/manifest.json @@ -5,6 +5,6 @@ "appId": "app.padloc", "scheme": "padloc", "author": "Martin Kleinschrodt ", - "icon_background": "#ffffff", + "icon_background": "#f1f1f1", "terms_of_service": "https://padloc.app/tos" } diff --git a/assets/theme.css b/assets/theme.css index 65d2816d..77354304 100644 --- a/assets/theme.css +++ b/assets/theme.css @@ -33,6 +33,8 @@ body { --font-weight-bold: 700; --font-weight-default: var(--font-weight-regular); + --letter-spacing: 0.01em; + /* BASIC COLORS */ --color-highlight: rgb(59, 183, 249); @@ -175,9 +177,12 @@ body { /* START SCREEN */ --start-background: var(--color-background-dark); - --start-logo-height: 4em; + --start-logo-height: 4.5em; --start-logo-width: auto; - --start-form-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -1em; + /* --start-form-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -1em; */ + --start-form-shadow: var(--border-color) 0 0 0 1px; + /* --start-form-shadow: #f2711c 0px 0px 0px 1px inset, #f2711c 1px 1px 0px 0px, #a333c8 2px 2px 0px 0px, */ + /* #2185d0 3px 3px 0px 0px, #21ba45 4px 4px 0px 0px; */ --start-form-background: var(--color-background); /* MENU */ @@ -217,7 +222,8 @@ body { /* APP */ --app-backdrop-background: var(--color-background-darker); --app-backdrop-color: var(--color-highlight); - --app-wrapper-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -0.5em; + /* --app-wrapper-shadow: rgb(0 0 0 / 10%) 0px 0px 2em -0.5em; */ + --app-wrapper-shadow: var(--border-color) 0 0 0 1px; /* LAYOUT */ diff --git a/packages/app/src/elements/icon.ts b/packages/app/src/elements/icon.ts index fc32a63b..616afa3a 100644 --- a/packages/app/src/elements/icon.ts +++ b/packages/app/src/elements/icon.ts @@ -431,7 +431,7 @@ export class PlIcon extends LitElement { } :host([icon="email"]) > div::before { - content: "\\f1fa"; + content: "\\40"; } :host([icon="fingerprint"]) > div::before { diff --git a/packages/app/src/elements/login-signup.ts b/packages/app/src/elements/login-signup.ts index bd5df35e..55a1bd09 100644 --- a/packages/app/src/elements/login-signup.ts +++ b/packages/app/src/elements/login-signup.ts @@ -638,7 +638,7 @@ export class LoginOrSignup extends StartForm { id="nameInput" .label=${$l("Your Name (Optional)")} .value=${this._name} - @enter=${() => this._submitName()} + @enter=${() => this._tosCheckbox?.focus()} ?disabled=${this._page !== "signup" || this._step !== "consent"} @input=${() => { this.requestUpdate();