From 6da39ce4b451b432599ae37f9f4cc5bd992ccadd Mon Sep 17 00:00:00 2001 From: Marius <24592972+gilbN@users.noreply.github.com> Date: Tue, 9 Mar 2021 22:55:16 +0100 Subject: [PATCH] added unraid themes --- CSS/themes/unraid/aquamarine.css | 34 ++++++ CSS/themes/unraid/dark.css | 34 ++++++ CSS/themes/unraid/hotline.css | 34 ++++++ CSS/themes/unraid/organizr-dark.css | 34 ++++++ CSS/themes/unraid/plex.css | 34 ++++++ CSS/themes/unraid/space-gray.css | 35 ++++++ CSS/themes/unraid/unraid-base.css | 159 ++++++++++++++++++++++++++++ 7 files changed, 364 insertions(+) create mode 100644 CSS/themes/unraid/aquamarine.css create mode 100644 CSS/themes/unraid/dark.css create mode 100644 CSS/themes/unraid/hotline.css create mode 100644 CSS/themes/unraid/organizr-dark.css create mode 100644 CSS/themes/unraid/plex.css create mode 100644 CSS/themes/unraid/space-gray.css create mode 100644 CSS/themes/unraid/unraid-base.css diff --git a/CSS/themes/unraid/aquamarine.css b/CSS/themes/unraid/aquamarine.css new file mode 100644 index 00000000..0e06ee21 --- /dev/null +++ b/CSS/themes/unraid/aquamarine.css @@ -0,0 +1,34 @@ + +/* 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 */ + +/* UNRAID AQUAMARINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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; + --text-muted: #bbb; + --link-color: #12afa0; + + --heatmap-color-1: #002D24; + --heatmap-color-2: #004B40; + --heatmap-color-3: #006B5F; + --heatmap-color-4: #008C7E; + --heatmap-color-5: #12AFA0; +} \ No newline at end of file diff --git a/CSS/themes/unraid/dark.css b/CSS/themes/unraid/dark.css new file mode 100644 index 00000000..80cebf77 --- /dev/null +++ b/CSS/themes/unraid/dark.css @@ -0,0 +1,34 @@ + +/* 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 */ + +/* UNRAID DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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: #646464; + --accent-color-hover: #ffffff73; + --text: #b7b7b7; + --text-hover: #fff; + --text-muted: #bbb; + --link-hover: rgba(255, 255, 255, 0.45); + + --heatmap-color-1: #303030; + --heatmap-color-2: #5E5E5E; + --heatmap-color-3: #919191; + --heatmap-color-4: #C6C6C6; + --heatmap-color-5: #FFFFFF; +} \ No newline at end of file diff --git a/CSS/themes/unraid/hotline.css b/CSS/themes/unraid/hotline.css new file mode 100644 index 00000000..deb8ddae --- /dev/null +++ b/CSS/themes/unraid/hotline.css @@ -0,0 +1,34 @@ + +/* 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 */ + +/* UNRAID HOTLINE THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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; + --text-muted: #bbb; + --link-hover: #F44336; + + --heatmap-color-1: #690000; + --heatmap-color-2: #890000; + --heatmap-color-3: #AC0002; + --heatmap-color-4: #D0191D; + --heatmap-color-5: #F44336; +} \ No newline at end of file diff --git a/CSS/themes/unraid/organizr-dark.css b/CSS/themes/unraid/organizr-dark.css new file mode 100644 index 00000000..ca4e114c --- /dev/null +++ b/CSS/themes/unraid/organizr-dark.css @@ -0,0 +1,34 @@ + +/* 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 */ + +/* UNRAID ORGANIZR-DARK THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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; + --text-muted: #bbb; + --link-color: #2cabe3; + + --heatmap-color-1: #002A57; + --heatmap-color-2: #004878; + --heatmap-color-3: #00679A; + --heatmap-color-4: #0088BE; + --heatmap-color-5: #2CABE3; +} \ No newline at end of file diff --git a/CSS/themes/unraid/plex.css b/CSS/themes/unraid/plex.css new file mode 100644 index 00000000..1bb795f2 --- /dev/null +++ b/CSS/themes/unraid/plex.css @@ -0,0 +1,34 @@ + +/* 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 */ + +/* UNRAID PLEX THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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; + --text-muted: #bbb; + --link-color:#e5a00d; + + --heatmap-color-1: #492000; + --heatmap-color-2: #6E4500; + --heatmap-color-3: #9B6C00; + --heatmap-color-4: #CC9500; + --heatmap-color-5: #FFC107; +} \ No newline at end of file diff --git a/CSS/themes/unraid/space-gray.css b/CSS/themes/unraid/space-gray.css new file mode 100644 index 00000000..0de1a3ee --- /dev/null +++ b/CSS/themes/unraid/space-gray.css @@ -0,0 +1,35 @@ + +/* 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 */ + +/* UNRAID SPACE GRAY THEME */ +@import url(https://gilbn.github.io/theme.park/CSS/themes/unraid/unraid-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; + --text-muted: #bbb; + --link-color: #81a6b7; + + --heatmap-color-1: #002634; + --heatmap-color-2: #1D4352; + --heatmap-color-3: #3E6272; + --heatmap-color-4: #5F8394; + --heatmap-color-5: #81A6B7; + +} \ No newline at end of file diff --git a/CSS/themes/unraid/unraid-base.css b/CSS/themes/unraid/unraid-base.css new file mode 100644 index 00000000..6c36caae --- /dev/null +++ b/CSS/themes/unraid/unraid-base.css @@ -0,0 +1,159 @@ +/* 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 { + color: var(--text); + background: var(--main-bg-color); + } + a,.blue-text { + color: var(--link-color); + } + #template { + background: var(--main-bg-color); + } + #menu { + background-color: #000; +} + /*DASHBOARD*/ + table.share_status.dashboard { + background-color: rgba(0, 0, 0, .15); + border: 1px solid rgba(255, 255, 255, .25); + } + table.share_status.dashboard tr>td.next { + border-top: 1px solid rgba(255, 255, 255, .25); + } + span.outer.solid { + background-color: transparent; + } + + .sys { + background: rgba(0, 0, 0, .35); + } + .usage-disk>span:first-child { + background-color: #4caf50 + } + + .green-text, .passed, .green { + color: #4caf50; + } + + /*MAIN*/ + #title { + border-bottom: 1px solid rgba(255, 255, 255, .25); + background-color: rgba(0, 0, 0, .5); + color: var(--text) + } + table { + background-color: rgb(0 0 0 / 25%); + } + table.disk_status thead tr:first-child td, + table tbody tr.tr_last, + table.share_status tbody tr:nth-child(even), + table.share_status thead tr:first-child td, + table.tablesorter thead tr th, + table.tablesorter tbody tr:nth-child(even), + table.tablesorter thead tr .tablesorter-headerAsc, table.tablesorter thead tr .tablesorter-headerDesc{ + background-color: rgba(0, 0, 0, .25); + } + table.disk_status tbody tr:nth-child(even) { + background-color: rgba(0, 0, 0, .25); + } + table.disk_status thead tr:last-child { + border-bottom: 1px solid rgba(255, 255, 255, .25); + } + table.tablesorter thead tr { + border-bottom: rgba(255, 255, 255, .25) 1px solid; + } + + table tbody tr.tr_last { + border-top: 1px solid rgba(255, 255, 255, .25); + } + + /*BUTTON*/ + input[type=button], input[type=reset], input[type=submit], button, button[type=button], a.button { + color: var(--button-text); + text-shadow: var(--text-shadow) var(--text-shadow-color); + background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat; + background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat; + background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%; + border: 1px solid transparent; + } + + input:hover[type=button], input:hover[type=reset], input:hover[type=submit], button:hover, button:hover[type=button], a.button:hover { + color: var(--button-text); + text-shadow: var(--text-shadow) var(--button-color-hover); + box-shadow: var(--box-shadow) var(--button-color-hover); + background-color: var(--button-color-hover); + background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover))); + background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover)); + } + .switch-button-background.checked { + background-color: #4caf50; + } + .switch-button-label.on { + color: #4caf50; + } + + /* BAR GAUGES */ + .usage-disk { + color: white; + } + + /* USERS */ + div.user-list { + border: 1px solid rgba(255, 255, 255, .15); + background-color: rgba(255, 255, 255, .05); + } + + /* SETTINGS */ + label.checkbox input:checked ~ .checkmark { + background: var(--button-color); + } + + .logLine { + background: transparent; + } + .logLine.spacing { + color: var(--text); + background: var(--modal-bg-color); + } + #sb-info-inner, #sb-loading-inner, div.sb-message,#sb-title, #sb-title-inner { + color: var(--text); + background-color: transparent; + } + #sb-wrapper { + border: 1px rgba(0, 0, 0, 0) solid; + color: var(--text); + background: var(--modal-bg-color); + } + #sb-body, #sb-loading,#sb-body-inner, iframe { + color: var(--text); + background: transparent !important; + } + + /* CA */ + .ca_holderDocker { + background-color: rgb(255 255 255 / 10%); + border-color: rgb(255 255 255 / 25%); + } + .selectedMenu, .hoverMenu { + color: var(--link-color); + } + .ca_holderFav { + background: var(--button-color-hover) !important; + color: var(--text-hover) + } + + /* AZURE THEME*/ + div.frame,div.tabs { + background: var(--main-bg-color); +} \ No newline at end of file