diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css index c97eec6d..b1d36af1 100644 --- a/src/platform/web/ui/css/themes/element/theme.css +++ b/src/platform/web/ui/css/themes/element/theme.css @@ -90,6 +90,8 @@ limitations under the License. .form-row.text textarea { font-family: "Inter", sans-serif; + background-color: var(--background-color-secondary); + color: inherit; } .form-group { @@ -107,6 +109,8 @@ limitations under the License. margin-top: 5px; font-size: 1em; resize: vertical; + background-color: var(--background-color-secondary); + color: inherit; } .form-row.check { @@ -388,7 +392,7 @@ a { padding: 4px; min-height: 22px; background-color: var(--accent-color); - color: var(--background-color-primary); + color: var(--fixed-white); align-items: center; } @@ -702,6 +706,7 @@ button.link { cursor: pointer; margin: -12px; padding: 12px; + color: inherit; } .Settings a, .Settings .link { @@ -761,7 +766,7 @@ button.link { display: block; grid-area: close; 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-size: 16px; background-repeat: no-repeat; diff --git a/src/platform/web/ui/css/themes/element/timeline.css b/src/platform/web/ui/css/themes/element/timeline.css index eed93df6..bac4b4a5 100644 --- a/src/platform/web/ui/css/themes/element/timeline.css +++ b/src/platform/web/ui/css/themes/element/timeline.css @@ -24,7 +24,7 @@ limitations under the License. border: 1px solid var(--background-color-secondary--darker-7); background-image: url("./icons/chevron-down.svg?primary=icon-color"); background-position: center; - background-color: white; + background-color: var(--background-color-primary--darker-10); background-repeat: no-repeat; cursor: pointer; } @@ -357,13 +357,14 @@ only loads when the top comes into view*/ border: 1px solid var(--light-border); border-radius: 10px; background-color: var(--background-color-secondary); + color: inherit; cursor: pointer; user-select: none; vertical-align: middle; } .Timeline_messageReactions button.active { - background-color: var(--accent-color--lighter-60); + background-color: var(--background-color-secondary); border-color: var(--accent-color); }