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

Tweaked background colors in the compose field

Browse source
This commit is contained in:
Niléane 2023-12-20 18:57:00 +01:00
parent 5710a66d98
commit 3293ff16f6
No known key found for this signature in database
3 changed files with 25 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
TangerineUI-cherry.css
View file

@ -941,11 +941,13 @@ body.app-body {
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
padding: 23px 15px 22px 18px;
background-color: var(--color-content-secondary-bg);
background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
transition: border-color .2s;
transition:
background-color .2s,
border-color .2s;
}
.app-body .navigation-bar strong {
color: var(--color-content-fg);
@ -975,6 +977,10 @@ body.app-body {
.app-body .compose-form__highlightable:focus-within {
border-color: var(--color-accent);
}
.app-body .compose-form .reply-indicator + .navigation-bar,
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within) {
background-color: var(--color-content-secondary-bg);
}
.app-body .compose-form__highlightable.active {
box-shadow: none;
}
@ -1229,6 +1235,7 @@ body.app-body {
border-radius: 8px;
border: 1px solid var(--color-lines);
background-color: var(--color-content-bg);
transition: all .2s;
}
.app-body .poll__option input[type=text]:focus {
border-color: var(--color-accent);

10
TangerineUI-purple.css
View file

@ -941,11 +941,13 @@ body.app-body {
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
padding: 23px 15px 22px 18px;
background-color: var(--color-content-secondary-bg);
background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
transition: border-color .2s;
transition:
background-color .2s,
border-color .2s;
}
.app-body .navigation-bar strong {
color: var(--color-content-fg);
@ -975,6 +977,10 @@ body.app-body {
.app-body .compose-form__highlightable:focus-within {
border-color: var(--color-accent);
}
.app-body .compose-form .reply-indicator + .navigation-bar,
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within) {
background-color: var(--color-content-secondary-bg);
}
.app-body .compose-form__highlightable.active {
box-shadow: none;
}

10
TangerineUI.css
View file

@ -941,11 +941,13 @@ body.app-body {
.app-body .navigation-bar {
border-radius: 8px 8px 0 0;
padding: 23px 15px 22px 18px;
background-color: var(--color-content-secondary-bg);
background-color: var(--color-content-bg);
border-top: 1px solid var(--color-lines);
border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
transition: border-color .2s;
transition:
background-color .2s,
border-color .2s;
}
.app-body .navigation-bar strong {
color: var(--color-content-fg);
@ -975,6 +977,10 @@ body.app-body {
.app-body .compose-form__highlightable:focus-within {
border-color: var(--color-accent);
}
.app-body .compose-form .reply-indicator + .navigation-bar,
.app-body .compose-form .navigation-bar:has(~ .compose-form__highlightable:focus-within) {
background-color: var(--color-content-secondary-bg);
}
.app-body .compose-form__highlightable.active {
box-shadow: none;
}