Arsharth/hydrogen-web
1
0
Fork 0
forked from mystiq/hydrogen-web
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make colors better looking for dark variant

Browse source
This commit is contained in:
RMidhunSuresh 2022-04-12 16:12:43 +05:30
parent f26b51e5da
commit 2de0450e97
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/platform/web/ui/css/themes/element/theme.css
View file

@ -90,6 +90,8 @@ limitations under the License.
.form-row.text textarea { .form-row.text textarea {
font-family: "Inter", sans-serif; font-family: "Inter", sans-serif;
background-color: var(--background-color-secondary);
color: inherit;
} }
.form-group { .form-group {
@ -107,6 +109,8 @@ limitations under the License.
margin-top: 5px; margin-top: 5px;
font-size: 1em; font-size: 1em;
resize: vertical; resize: vertical;
background-color: var(--background-color-secondary);
color: inherit;
} }
.form-row.check { .form-row.check {
@ -388,7 +392,7 @@ a {
padding: 4px; padding: 4px;
min-height: 22px; min-height: 22px;
background-color: var(--accent-color); background-color: var(--accent-color);
color: var(--background-color-primary); color: var(--fixed-white);
align-items: center; align-items: center;
} }
@ -702,6 +706,7 @@ button.link {
cursor: pointer; cursor: pointer;
margin: -12px; margin: -12px;
padding: 12px; padding: 12px;
color: inherit;
} }
.Settings a, .Settings .link { .Settings a, .Settings .link {
@ -761,7 +766,7 @@ button.link {
display: block; display: block;
grid-area: close; grid-area: close;
justify-self: end; justify-self: end;
background-image: url('icons/dismiss.svg?primary=background-color-primary'); background-image: url('icons/dismiss.svg?primary=fixed-white');
background-position: center; background-position: center;
background-size: 16px; background-size: 16px;
background-repeat: no-repeat; background-repeat: no-repeat;

5
src/platform/web/ui/css/themes/element/timeline.css
View file

@ -24,7 +24,7 @@ limitations under the License.
border: 1px solid var(--background-color-secondary--darker-7); border: 1px solid var(--background-color-secondary--darker-7);
background-image: url("./icons/chevron-down.svg?primary=icon-color"); background-image: url("./icons/chevron-down.svg?primary=icon-color");
background-position: center; background-position: center;
background-color: white; background-color: var(--background-color-primary--darker-10);
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
} }
@ -357,13 +357,14 @@ only loads when the top comes into view*/
border: 1px solid var(--light-border); border: 1px solid var(--light-border);
border-radius: 10px; border-radius: 10px;
background-color: var(--background-color-secondary); background-color: var(--background-color-secondary);
color: inherit;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
vertical-align: middle; vertical-align: middle;
} }
.Timeline_messageReactions button.active { .Timeline_messageReactions button.active {
background-color: var(--accent-color--lighter-60); background-color: var(--background-color-secondary);
border-color: var(--accent-color); border-color: var(--accent-color);
} }