14 changed files with 483 additions and 0 deletions
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
After Width: | Height: | Size: 860 KiB |
After Width: | Height: | Size: 456 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 69 KiB |
After Width: | Height: | Size: 2.2 MiB |
After Width: | Height: | Size: 810 KiB |
Loading…
Reference in new issue