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

added unraid themes

pull/156/head
Marius 4 years ago
parent
5c3a4c39c8
commit
6da39ce4b4
7 changed files with 364 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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      CSS/themes/unraid/aquamarine.css
  2. 34
      CSS/themes/unraid/dark.css
  3. 34
      CSS/themes/unraid/hotline.css
  4. 34
      CSS/themes/unraid/organizr-dark.css
  5. 34
      CSS/themes/unraid/plex.css
  6. 35
      CSS/themes/unraid/space-gray.css
  7. 159
      CSS/themes/unraid/unraid-base.css

34
CSS/themes/unraid/aquamarine.css
View File

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

34
CSS/themes/unraid/dark.css
View File

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

34
CSS/themes/unraid/hotline.css
View File

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

34
CSS/themes/unraid/organizr-dark.css
View File

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

34
CSS/themes/unraid/plex.css
View File

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

35
CSS/themes/unraid/space-gray.css
View File

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

159
CSS/themes/unraid/unraid-base.css
View File

@ -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);
}
Write Preview
Loading…
Cancel
Save