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

Added Webtools, #85

pull/107/head
Marius 5 years ago
parent
fd86d8bf6e
commit
e12f6892fd
14 changed files with 483 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 27
      CSS/themes/webtools/aquamarine.css
  2. 27
      CSS/themes/webtools/dark.css
  3. 27
      CSS/themes/webtools/hotline.css
  4. 27
      CSS/themes/webtools/organizr-dark.css
  5. 27
      CSS/themes/webtools/plex.css
  6. 27
      CSS/themes/webtools/space-gray.css
  7. 317
      CSS/themes/webtools/webtools-base.css
  8. 4
      README.md
  9. BIN
      Screenshots/webtools/aquamarine.png
  10. BIN
      Screenshots/webtools/dark.png
  11. BIN
      Screenshots/webtools/hotline.png
  12. BIN
      Screenshots/webtools/organizr-dark.png
  13. BIN
      Screenshots/webtools/plex.png
  14. BIN
      Screenshots/webtools/space-gray.png

27
CSS/themes/webtools/aquamarine.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

27
CSS/themes/webtools/dark.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

27
CSS/themes/webtools/hotline.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

27
CSS/themes/webtools/organizr-dark.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text:#96a2b4;
--text-hover: #fff;
--link-color: #2cabe3;
}

27
CSS/themes/webtools/plex.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-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;
--modal-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;
--button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

27
CSS/themes/webtools/space-gray.css
View File

@ -0,0 +1,27 @@
/* 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 */
/* WEBTOOLS SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/webtools/webtools-base.css);
:root {
--main-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;
--modal-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;
--button-color-hover: #81a6b7;
--button-text: #eee;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

317
CSS/themes/webtools/webtools-base.css
View File

@ -0,0 +1,317 @@
/* 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 */
body {
background: var(--main-bg-color);
}
a,
.language a {
color: var(--link-color);
}
a:hover {
color: #fff;
}
#content:before {
background: var(--main-bg-color);
}
* {
outline: none !important;
}
/* TEXT */
body,
.head .title,
.fm .sections .section {
color: var(--text);
}
/* ACCENTS */
webtools-loading .webtoolsLoading,
content-loading .contentLoading {
color: var(--accent-color);
}
.uas .type.active {
background: var(--button-color);
box-shadow: none;
}
.uas .type.active:hover {
background: var(--button-color-hover);
box-shadow: none;
}
/* NAVBAR */
.head {
background-color: rgb(0 0 0 / 0.25);
box-shadow: 0 0 0 0px rgb(0 0 0 / 0%);
}
.vertical-center {
box-shadow: inset 0px 15px 15px -4px rgb(255 255 0 / 0%);
}
/* SIDE MENU */
.menu .toggle {
background: rgb(0 0 0 / .25);
color: var(--accent-color);
}
.menu {
background-color: rgb(0 0 0 / 25%);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
}
.menu .item {
background: rgb(255 255 255 / 8%);
color: var(--button-text);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .0);
}
.menu .item:hover {
background: rgb(255 255 255 / .16);
color: var(--text-hover);
}
.menu .item.active {
background: var(--accent-color);
color: var(--button-text);
}
/* MODALS */
.ngdialog.ngdialog-theme-default .ngdialog-content {
background-color: var(--modal-bg-color);
color: var(--text) !important;
border: #f05050 5px solid;
}
/* PAGES */
.sub .settings {
background: rgb(255 255 255 / 25%);
}
label {
color: var(--button-text);
}
.sub .rowShow,
.uas .repoContainer .repo,
.uas .typesMenu,
.uas .repoContainer .repo.installed,
.fm .sections .section,
.playlists .userContainer .fileContainer,
.playlists .playlistContainer {
background: rgb(255 255 255 / .08);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
border: transparent;
}
.uas .type:hover {
background: rgb(255 255 255 / 8%);
color: var(--text-hover);
}
.sub .rowShow:hover,
.uas .repoContainer .repo:hover,
.fm .sections .section:hover {
background: rgb(255 255 255 / .16);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
}
.expanded:hover {
background: rgb(255 255 255 / .08) !important;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .0);
}
.sub .rowShow .lineShow .contentShow .detail {
background: rgb(0 0 0 / 25%);
color: var(--text) !important;
}
.sub .rowShow .lineShow .contentShow .detail .subItem .download:hover,
.sub .rowShow .lineShow .contentShow .detail .subHeader .selectActions div:hover {
color: var(--text-hover) !important;
}
.sub .rowShow .lineShow .contentShow .detail .subItem.selected {
background: rgb(0 0 0 / 25%);
}
.sub .rowShow .lineShow .contentShow .detail .subItem.checked {
background: rgba(255, 255, 255, 0.5);
color: var(--text-hover);
}
.sub .rowShow .lineShow .contentShow .detail .subItem.selected.checked {
background: var(--accent-color);
}
.logs .logDetails {
background-color: rgb(255 255 255 / 14%);
}
.logs .search {
background-color: rgb(255 255 255 / 8%);
}
.uas .repoContainer .repo .details .row,
.uas .repoContainer .repo .details .row:nth-child(2n) {
background: rgb(0 0 0 / 25%);
color: var(--text);
}
/* SETTINGS */
/* BUTTONS */
.btn,
.sub .search .btnSearch,
.logs .logButton,
.uas .uasBtn,
.uas .repoContainer .repo .header .right .installUpdate,
.uas .typesMenu .search .btnSearch,
.btnInput,
.playlists .playlistBtn,
.language .languageActions .langBtn,
.fr .reset,
.logs .search .btnSearch {
border-color: var(--button-color);
background: var(--button-color);
color: var(--button-text);
margin-right: 5px;
box-shadow: none;
border: transparent;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle,
.sub .search .btnSearch:hover,
.sub .search .btnSearch:focus,
.logs .logButton:hover,
.logs .logButton:focus,
.uas .uasBtn:hover,
.uas .uasBtn:focus,
.uas .repoContainer .repo .header .right .installUpdate:hover,
.uas .repoContainer .repo .header .right .installUpdate:focus,
.uas .typesMenu .search .btnSearch:focus,
.uas .typesMenu .search .btnSearch:hover,
.btnInput:hover,
.btnInput:focus,
.playlists .playlistBtn:hover,
.playlists .playlistBtn:focus,
.playlists .playlistBtn:not(.disabled):hover,
.language .languageActions .langBtn:hover,
.fr .reset:hover,
.logs .search .btnSearch:hover,
.logs .search .btnSearch:focus {
border-color: var(--button-color-hover);
color: var(--text-hover);
background-color: var(--button-color-hover);
box-shadow: none !important;
}
.uas .repoContainer .repo .header .right .delete,
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(3)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(4)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(5)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(6)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(7)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(8)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(9)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(10)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1),
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(11)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1) {
background: #F44336;
color: var(--button-text);
border: #F44336;
}
.uas .repoContainer .repo .header .right .delete:hover,
.uas .repoContainer .repo .header .right .delete:focus,
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):focus,
body>div.content.ng-scope>div>div.pushTopMinor.ng-scope>div:nth-child(2)>div.playlistContent>div.topPart>div.buttons.pull-right>div:nth-child(1):hover {
background: #ec2626;
color: var(--button-text);
border: #ec2626;
}
.playlists .playlistBtn.disabled {
background: var(--button-color);
color: var(--button-text);
border: var(--button-color);
opacity: .5;
}
.playlists .playlistBtn.disabled:hover {
background: var(--button-color);
color: var(--button-text);
border: var(--button-color);
}
/* FORMS */
.form-control,
.sub .search .searchInput,
.uas .manualInstall,
.uas .typesMenu .search .searchInput,
.logs .search .searchInput {
color: var(--text) !important;
background-color: rgba(0, 0, 0, .25) !important;
border: 1px solid transparent !important;
box-shadow: none !important;
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus,
.sub .search .searchInput:focus,
.uas .manualInstall:focus,
.uas .typesMenu .search .searchInput:focus,
.logs .search .searchInput:focus {
background-color: rgba(0, 0, 0, .5) !important;
color: var(--text-hover) !important;
}
/* TABLE */
.info tr:nth-child(2n+1) {
background-color: rgb(255 255 255 / 0.08);
}
.logs .logDetails table tr:nth-child(even) {
background-color: rgb(255 255 255 / 8%);
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
}

4
README.md
View File

@ -194,6 +194,10 @@
<p><a href="https://github.com/gilbN/theme.park/wiki/Kitana"><img src="https://raw.githubusercontent.com/pannal/Kitana/master/static/img/android-icon-48x48.png" alt="" width="48" height="48" /></a></p> <p><a href="https://github.com/gilbN/theme.park/wiki/Kitana"><img src="https://raw.githubusercontent.com/pannal/Kitana/master/static/img/android-icon-48x48.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Kitana">Kitana</a></p> <p><a href="https://github.com/gilbN/theme.park/wiki/Kitana">Kitana</a></p>
</td> </td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://github.com/gilbN/theme.park/wiki/Webtools"><img src="https://raw.githubusercontent.com/ukdtom/WebTools.bundle/master/Wiki/WebTools/Logos/WebTools-48.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Webtools">Webtools</a></p>
</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>

BIN
Screenshots/webtools/aquamarine.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 860 KiB

BIN
Screenshots/webtools/dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 456 KiB

BIN
Screenshots/webtools/hotline.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
Screenshots/webtools/organizr-dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
Screenshots/webtools/plex.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
Screenshots/webtools/space-gray.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

Write Preview
Loading…
Cancel
Save