summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-03-07 12:13:32 +0100
committerVolpeon <git@volpeon.ink>2021-03-07 12:13:32 +0100
commitaf301fe2de95672fa17b0b3afb9a16ec9adf0112 (patch)
tree10cd6e212b75b8824d9eb4b14aded8c5ab007095
parentConsistent userlist search input appearance with other inputs (diff)
downloadthelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.tar.gz
thelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.tar.bz2
thelounge-theme-vulpes-af301fe2de95672fa17b0b3afb9a16ec9adf0112.zip
Improved chat form appearance
-rw-r--r--theme.css12
1 files changed, 9 insertions, 3 deletions
diff --git a/theme.css b/theme.css
index 314035e..78c3c90 100644
--- a/theme.css
+++ b/theme.css
@@ -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) {