From 27d0de904fe492da42bf4704d7c772a84b939eb1 Mon Sep 17 00:00:00 2001 From: gilbN Date: Sun, 1 Sep 2019 22:57:59 +0200 Subject: [PATCH] thelounge mobile fix --- CSS/themes/thelounge/thelounge-base.css | 33 ++++++++++++++++++++++++- 1 file changed, 32 insertions(+), 1 deletion(-) diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css index f6e9e660..ae9a9474 100644 --- a/CSS/themes/thelounge/thelounge-base.css +++ b/CSS/themes/thelounge/thelounge-base.css @@ -10,6 +10,22 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ +:root { + --body-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #009688; + --theme-accent: #009688; + --date-marker-color: #FFC107; + + --body-color: #f3f3f3; + --body-color-muted: #dedede; + --link-color: #77abd9; + --button-text-color-hover: #fff; + --upload-progressbar-color: var(--button-color); + --unread-marker-color: #f92772; + --highlight-bg-color: #4d4332; + --highlight-border-color: #b08c4f; + } #chat .userlist .names { background: rgba(0, 0, 0, 0.25); @@ -17,9 +33,23 @@ #chat .user-mode:before { background: rgba(0, 0, 0, 0.25); } +@media (max-width: 768px) { + #chat .userlist .names { + box-shadow: 0 0 25px 0 rgba(0,0,0,.5); + background: var(--window-bg-color); + } + } + +@media (max-width: 768px) { + #viewport.menu-dragging #sidebar, #viewport.menu-open #sidebar { + box-shadow: 0 0 25px 0 rgba(0,0,0,.5); + background: rgba(0, 0, 0, 0.85); + } +} #chat .chan .notice .user, #chat .notice .content, #chat .notice .time { color: var(--date-marker-color) !important; } + #form #nick { background: var(--theme-accent); color: #f3f3f3; @@ -83,4 +113,5 @@ } .btn { color: inherit; -} \ No newline at end of file +} +