From c8e5eef6810f7b6750bd85e1f006182a5b4a3bae Mon Sep 17 00:00:00 2001 From: gilbN Date: Sun, 1 Sep 2019 18:53:57 +0200 Subject: [PATCH] added the lounge themes --- CSS/themes/synclounge/aquamarine.css | 2 +- CSS/themes/thelounge/aquamarine.css | 30 +++++++++ CSS/themes/thelounge/dark.css | 30 +++++++++ CSS/themes/thelounge/hotline.css | 30 +++++++++ CSS/themes/thelounge/plex.css | 30 +++++++++ CSS/themes/thelounge/space-gray.css | 30 +++++++++ CSS/themes/thelounge/thelounge-base.css | 86 +++++++++++++++++++++++++ README.md | 7 ++ 8 files changed, 244 insertions(+), 1 deletion(-) create mode 100644 CSS/themes/thelounge/aquamarine.css create mode 100644 CSS/themes/thelounge/dark.css create mode 100644 CSS/themes/thelounge/hotline.css create mode 100644 CSS/themes/thelounge/plex.css create mode 100644 CSS/themes/thelounge/space-gray.css create mode 100644 CSS/themes/thelounge/thelounge-base.css diff --git a/CSS/themes/synclounge/aquamarine.css b/CSS/themes/synclounge/aquamarine.css index b9d0c5b9..9c6dd473 100644 --- a/CSS/themes/synclounge/aquamarine.css +++ b/CSS/themes/synclounge/aquamarine.css @@ -11,7 +11,7 @@ /* Made by @gilbN */ /* https://github.com/gilbN/theme.park */ -/* RUTORRENT AQUAMARINE THEME */ +/* SYNCLOUNGE AQUAMARINE THEME */ @import url(https://gilbn.github.io/theme.park/CSS/themes/synclounge/synclounge-base.css); :root { --main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; diff --git a/CSS/themes/thelounge/aquamarine.css b/CSS/themes/thelounge/aquamarine.css new file mode 100644 index 00000000..a2f3319e --- /dev/null +++ b/CSS/themes/thelounge/aquamarine.css @@ -0,0 +1,30 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* THE LOUNGE AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +: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; + } \ No newline at end of file diff --git a/CSS/themes/thelounge/dark.css b/CSS/themes/thelounge/dark.css new file mode 100644 index 00000000..5fd5e9d4 --- /dev/null +++ b/CSS/themes/thelounge/dark.css @@ -0,0 +1,30 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* THE LOUNGE DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: #1f1f1f; + --window-bg-color: radial-gradient(ellipse at top, #1f1f1f 0%, #1f1f1f 100%) center center/cover no-repeat fixed; + --button-color: #cc7b19; + --theme-accent: #cc7b19; + --date-marker-color: #e59029; + + --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; + } \ No newline at end of file diff --git a/CSS/themes/thelounge/hotline.css b/CSS/themes/thelounge/hotline.css new file mode 100644 index 00000000..30126b8e --- /dev/null +++ b/CSS/themes/thelounge/hotline.css @@ -0,0 +1,30 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* THE LOUNGE HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color:: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; + --button-color: #F44336; + --theme-accent: #F44336; + --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; + } \ No newline at end of file diff --git a/CSS/themes/thelounge/plex.css b/CSS/themes/thelounge/plex.css new file mode 100644 index 00000000..91a9c794 --- /dev/null +++ b/CSS/themes/thelounge/plex.css @@ -0,0 +1,30 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* THE LOUNGE PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; + --window-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; + --button-color: #cc7b19; + --theme-accent: #cc7b19; + --date-marker-color: #e59029; + + --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; +} \ No newline at end of file diff --git a/CSS/themes/thelounge/space-gray.css b/CSS/themes/thelounge/space-gray.css new file mode 100644 index 00000000..ce1a94e7 --- /dev/null +++ b/CSS/themes/thelounge/space-gray.css @@ -0,0 +1,30 @@ +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +/* THE LOUNGE SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/thelounge/thelounge-base.css); +:root { + --body-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --window-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; + --button-color: #607D8B; + --theme-accent: #607D8B; + --date-marker-color: #81a6b7; + + --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; +} diff --git a/CSS/themes/thelounge/thelounge-base.css b/CSS/themes/thelounge/thelounge-base.css new file mode 100644 index 00000000..f6e9e660 --- /dev/null +++ b/CSS/themes/thelounge/thelounge-base.css @@ -0,0 +1,86 @@ + +/* dP dP dP */ +/* 88 88 88 */ +/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */ +/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */ +/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */ +/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */ +/* 88 */ +/* dP */ + +/* Made by @gilbN */ +/* https://github.com/gilbN/theme.park */ + +#chat .userlist .names { + background: rgba(0, 0, 0, 0.25); +} +#chat .user-mode:before { + background: rgba(0, 0, 0, 0.25); +} +#chat .chan .notice .user, #chat .notice .content, #chat .notice .time { + color: var(--date-marker-color) !important; +} +#form #nick { + background: var(--theme-accent); + color: #f3f3f3; +} +#form { + background-color: rgba(0, 0, 0, 0.45); + border-color: #0086ff00; + color: var(--body-color); +} +#sidebar .active, #sidebar .active:hover { + background-color: rgba(0, 0, 0, 0.25); +} +#chat .msg.motd .text, code, .irc-monospace { + background: rgba(0, 0, 0, 0.45); + color: #f3f3f3; +} +#chat .content, #windows #chat .header, #chat .user-mode::before, #chat .userlist { + border-color: rgba(255, 255, 255, 0.08); +} + +/* Dropdown menu */ +#context-menu, .textcomplete-menu { + background: var(--body-bg-color); + /* color: white !important; */ +} +.context-menu-item, .textcomplete-item { + color: var(--body-color); +} +#chat .userlist .user.active, .context-menu-item:focus, .context-menu-item:hover, .textcomplete-item:focus, .textcomplete-item:hover, .textcomplete-menu .active { + background-color: rgba(255, 255, 255, 0.08); + transition: none; + outline: 0; +} +#chat.table.ignore-list td, #chat table.ban-list td, #chat table.ban-list th, #chat table.channel-list td, #chat table.channel-list th, #chat table.ignore-list th, #chat table.invite-list td, #chat table.invite-list th { + padding: 5px; + vertical-align: top; + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} +#chat .userlist .count { + background-color: rgba(0, 0, 0, 0.6); +} +#footer button:hover, #sidebar .chan:hover { + background-color: rgba(255, 255, 255, 0.08); +} +#settings .extra-help:before { + content: "\F059"; + color: var(--body-color); +} +#windows .window h2 { + color: var(--body-color); +} +#windows .window h2 { + border-bottom: 1px solid rgba(255, 255, 255, 0.25); +} +.input:not(:disabled):focus, .input:not(:disabled):hover { + border-color: #ffffff; +} +.btn:active, .btn:focus, .input:focus { + outline: 0; + box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); +} +.btn { + color: inherit; +} \ No newline at end of file diff --git a/README.md b/README.md index 8a27bb04..cf8e811e 100644 --- a/README.md +++ b/README.md @@ -663,6 +663,13 @@ Custom [qBitorrent](https://github.com/qbittorrent/qBittorrent) CSS. ![](https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/qbittorrent/qbittorrent.gif) +You need to change or remove the CSP header if you want to use the plex theme. + +Add this in your reverse proxy: +```nginx + proxy_hide_header "x-webkit-csp"; + proxy_hide_header "content-security-policy"; +``` ``` https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/XXX.css