diff options
author | Volpeon <git@volpeon.ink> | 2021-03-07 12:13:32 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-03-07 12:13:32 +0100 |
commit | af301fe2de95672fa17b0b3afb9a16ec9adf0112 (patch) | |
tree | 10cd6e212b75b8824d9eb4b14aded8c5ab007095 | |
parent | Consistent userlist search input appearance with other inputs (diff) | |
download | thelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.tar.gz thelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.tar.bz2 thelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.zip |
Improved chat form appearance
-rw-r--r-- | theme.css | 12 |
1 files changed, 9 insertions, 3 deletions
@@ -81,7 +81,9 @@ | |||
81 | --color--channels--border: var(--obj); | 81 | --color--channels--border: var(--obj); |
82 | 82 | ||
83 | --color--cform--bg: var(--obj-hi); | 83 | --color--cform--bg: var(--obj-hi); |
84 | --color--cform--fg: var(--fg); | 84 | --color--cform--fg: var(--fg-lo); |
85 | --color--cform--btn-fg: var(--fg); | ||
86 | --color--cform--ph-fg: var(--fg-hi); | ||
85 | --color--cform--nick-bg: var(--obj-lo); | 87 | --color--cform--nick-bg: var(--obj-lo); |
86 | --color--cform--nick-fg: var(--fg-lo); | 88 | --color--cform--nick-fg: var(--fg-lo); |
87 | 89 | ||
@@ -810,7 +812,7 @@ textarea.input { | |||
810 | border-top: 0; | 812 | border-top: 0; |
811 | background-color: var(--color--cform--bg); | 813 | background-color: var(--color--cform--bg); |
812 | box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .25); | 814 | box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .25); |
813 | color: var(--color--cform--fg); | 815 | color: var(--color--cform--ph-fg); |
814 | } | 816 | } |
815 | 817 | ||
816 | #form #nick { | 818 | #form #nick { |
@@ -818,9 +820,13 @@ textarea.input { | |||
818 | color: var(--color--cform--nick-fg); | 820 | color: var(--color--cform--nick-fg); |
819 | } | 821 | } |
820 | 822 | ||
823 | #form #input { | ||
824 | color: var(--color--cform--fg); | ||
825 | } | ||
826 | |||
821 | #form #submit, | 827 | #form #submit, |
822 | #form #upload { | 828 | #form #upload { |
823 | color: var(--color--cform--fg); | 829 | color: var(--color--cform--btn-fg); |
824 | } | 830 | } |
825 | 831 | ||
826 | @media (max-width: 768px) { | 832 | @media (max-width: 768px) { |