topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

added the lounge themes

pull/16/head
gilbN 6 years ago
parent
544f58bb63
commit
c8e5eef681
8 changed files with 244 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      CSS/themes/synclounge/aquamarine.css
  2. 30
      CSS/themes/thelounge/aquamarine.css
  3. 30
      CSS/themes/thelounge/dark.css
  4. 30
      CSS/themes/thelounge/hotline.css
  5. 30
      CSS/themes/thelounge/plex.css
  6. 30
      CSS/themes/thelounge/space-gray.css
  7. 86
      CSS/themes/thelounge/thelounge-base.css
  8. 7
      README.md

2
CSS/themes/synclounge/aquamarine.css
View File

@ -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;

30
CSS/themes/thelounge/aquamarine.css
View File

@ -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;
}

30
CSS/themes/thelounge/dark.css
View File

@ -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;
}

30
CSS/themes/thelounge/hotline.css
View File

@ -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;
}

30
CSS/themes/thelounge/plex.css
View File

@ -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;
}

30
CSS/themes/thelounge/space-gray.css
View File

@ -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;
}

86
CSS/themes/thelounge/thelounge-base.css
View File

@ -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;
}

7
README.md
View File

@ -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

Write Preview
Loading…
Cancel
Save