chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Visual improvements to the onboarding

Browse source
This commit is contained in:
Niléane 2023-12-16 20:30:16 +01:00
parent 8aa44738d5
commit 18ce946d03
No known key found for this signature in database
3 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
TangerineUI-cherry.css
View file

@ -974,7 +974,9 @@ body.app-body {
.app-body .navigation-bar__profile-edit {
color: var(--color-accent);
}
.app-body .simple_form .recommended {
border-color: var(--color-lines);
}
.app-body .compose-form__sensitive-button .icon-button:hover {
background-color: transparent;
}
@ -4435,7 +4437,7 @@ a:is(.active,
background: var(--color-content-secondary-bg);
}
.app-body .onboarding__profile .app-form__header-input img {
background: var(--color-secondary-bg);
background: var(--color-accent-bg);
}
.app-body .simple_form .input.with_block_label > label,
.app-body .simple_form .input.with_block_label .hint,
@ -4481,6 +4483,9 @@ a:is(.active,
margin: -20px -20px 30px;
padding: 40px;
}
.app-body .column-title:not(:has(.onboarding__illustration)) {
background-color: var(--color-content-secondary-bg);
}
.app-body .column-title:has(+ .simple_form) {
margin-bottom: 0;
background-color: var(--color-content-secondary-bg);
@ -4830,6 +4835,7 @@ a:is(.active,
.app-body .column > .scrollable.privacy-policy {
border: 1px solid var(--color-lines);
background-color: var(--color-content-bg);
padding-bottom: 20px;
}
@media screen and (min-width:1175px) {
.app-body:not(:has(#tabs-bar__portal > *)) .column > .scrollable.privacy-policy {

10
TangerineUI-purple.css
View file

@ -973,7 +973,9 @@ body.app-body {
.app-body .navigation-bar__profile-edit {
color: var(--color-accent);
}
.app-body .simple_form .recommended {
border-color: var(--color-lines);
}
.app-body .compose-form__sensitive-button .icon-button:hover {
background-color: transparent;
}
@ -4434,7 +4436,7 @@ a:is(.active,
background: var(--color-content-secondary-bg);
}
.app-body .onboarding__profile .app-form__header-input img {
background: var(--color-secondary-bg);
background: var(--color-accent-bg);
}
.app-body .simple_form .input.with_block_label > label,
.app-body .simple_form .input.with_block_label .hint,
@ -4480,6 +4482,9 @@ a:is(.active,
margin: -20px -20px 30px;
padding: 40px;
}
.app-body .column-title:not(:has(.onboarding__illustration)) {
background-color: var(--color-content-secondary-bg);
}
.app-body .column-title:has(+ .simple_form) {
margin-bottom: 0;
background-color: var(--color-content-secondary-bg);
@ -4829,6 +4834,7 @@ a:is(.active,
.app-body .column > .scrollable.privacy-policy {
border: 1px solid var(--color-lines);
background-color: var(--color-content-bg);
padding-bottom: 20px;
}
@media screen and (min-width:1175px) {
.app-body:not(:has(#tabs-bar__portal > *)) .column > .scrollable.privacy-policy {

10
TangerineUI.css
View file

@ -973,7 +973,9 @@ body.app-body {
.app-body .navigation-bar__profile-edit {
color: var(--color-accent);
}
.app-body .simple_form .recommended {
border-color: var(--color-lines);
}
.app-body .compose-form__sensitive-button .icon-button:hover {
background-color: transparent;
}
@ -4434,7 +4436,7 @@ a:is(.active,
background: var(--color-content-secondary-bg);
}
.app-body .onboarding__profile .app-form__header-input img {
background: var(--color-secondary-bg);
background: var(--color-accent-bg);
}
.app-body .simple_form .input.with_block_label > label,
.app-body .simple_form .input.with_block_label .hint,
@ -4480,6 +4482,9 @@ a:is(.active,
margin: -20px -20px 30px;
padding: 40px;
}
.app-body .column-title:not(:has(.onboarding__illustration)) {
background-color: var(--color-content-secondary-bg);
}
.app-body .column-title:has(+ .simple_form) {
margin-bottom: 0;
background-color: var(--color-content-secondary-bg);
@ -4829,6 +4834,7 @@ a:is(.active,
.app-body .column > .scrollable.privacy-policy {
border: 1px solid var(--color-lines);
background-color: var(--color-content-bg);
padding-bottom: 20px;
}
@media screen and (min-width:1175px) {
.app-body:not(:has(#tabs-bar__portal > *)) .column > .scrollable.privacy-policy {