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

duplicacy dracula

pull/235/head
Marius 4 years ago
parent
fdded4b790
commit
425d948029
10 changed files with 134 additions and 107 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. 13
      CSS/themes/duplicacy/aquamarine.css
  2. 13
      CSS/themes/duplicacy/dark.css
  3. 16
      CSS/themes/duplicacy/dracula.css
  4. 141
      CSS/themes/duplicacy/duplicacy-base.css
  5. 13
      CSS/themes/duplicacy/hotline.css
  6. 13
      CSS/themes/duplicacy/organizr-dark.css
  7. 13
      CSS/themes/duplicacy/plex.css
  8. 13
      CSS/themes/duplicacy/space-gray.css
  9. 2
      CSS/variables/organizr-dark.css
  10. 2
      CSS/variables/space-gray.css

13
CSS/themes/duplicacy/aquamarine.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY AQUAMARINE THEME */ /* DUPLICACY AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--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;
}

13
CSS/themes/duplicacy/dark.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY DARK THEME */ /* DUPLICACY DARK THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/dark.css);
--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);
}

16
CSS/themes/duplicacy/dracula.css
View File

@ -0,0 +1,16 @@
/* 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 */
/* DUPLICACY DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

141
CSS/themes/duplicacy/duplicacy-base.css
View File

@ -22,16 +22,16 @@ body {
-o-background-size: auto, cover; -o-background-size: auto, cover;
} }
a { a:not(.timeline-content a) {
color: var(--link-color); color: var(--link-color) !important;
} }
a:hover { a:hover:not(.timeline-content a) {
color: #fff; color: var(--link-color-hover) !important;
} }
a.disabled-link { a.disabled-link {
color: #666; color: var(--text-muted);
} }
/* Scrollbar */ /* Scrollbar */
@ -45,7 +45,14 @@ a.disabled-link {
body { body {
overflow-y: auto; overflow-y: auto;
height: 100%; height: 100%;
background: var(--main-bg-color) background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
} }
@ -75,11 +82,8 @@ a.disabled-link {
/* TEXT */ /* TEXT */
body, body,
.card,
.category, .category,
.card label,
.card .labels p, .card .labels p,
.card .title,
.card .stats, .card .stats,
.vis-time-axis .vis-text, .vis-time-axis .vis-text,
.footer .copyright, .footer .copyright,
@ -89,6 +93,28 @@ body,
color: var(--text) !important; color: var(--text) !important;
} }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.card label,
.card,
.card .title {
color: var(--text-hover);
}
label {
color: var(--text) !important;
}
.main-panel { .main-panel {
background: var(--main-bg-color); background: var(--main-bg-color);
background-repeat: repeat, no-repeat; background-repeat: repeat, no-repeat;
@ -113,7 +139,7 @@ body,
} }
.text-primary { .text-primary {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
.text-primary:hover { .text-primary:hover {
@ -155,7 +181,7 @@ body,
.col-xs-4 .card, .col-xs-4 .card,
.col-xs-12 .card, .col-xs-12 .card,
.col-xs-8 .card { .col-xs-8 .card {
background: rgb(255 255 255 / 8%) !important; background: rgb(0 0 0 / 8%) !important;
} }
#schedule-0, #schedule-0,
@ -178,8 +204,9 @@ body,
#schedule-17, #schedule-17,
#schedule-18, #schedule-18,
#schedule-19, #schedule-19,
#schedule-20 { #schedule-20,
background-color: rgb(255 255 255 / 8%); [id*="#schedule-"] {
background-color: rgb(0 0 0 / 8%);
} }
/* TIMELINE */ /* TIMELINE */
@ -241,22 +268,26 @@ body,
background: rgb(0 0 0 / 10%); background: rgb(0 0 0 / 10%);
} }
.sidebar[data-background-color="black"] .logo, .off-canvas-sidebar[data-background-color="black"] .logo {
border-bottom: 1px solid rgba(var(--accent-color));
}
.sidebar .nav li.active>a:before, .sidebar .nav li.active>a:before,
.sidebar .nav li.active>a:after { .sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color); border-right: 17px solid rgb(var(--accent-color));
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.off-canvas-sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav li.active>a:after { .off-canvas-sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color); border-right: 17px solid rgb(var(--accent-color));
} }
} }
.sidebar[data-active-color="success"] .nav li.active>a, .sidebar[data-active-color="success"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="success"] .nav li.active>a { .off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
color: var(--accent-color) !important; color: rgb(var(--accent-color)) !important;
} }
.sidebar .nav li>a:hover { .sidebar .nav li>a:hover {
@ -281,11 +312,27 @@ body,
} }
.modal-header { .modal-header {
border-bottom: 1px solid rgb(255 255 255 / 25%); border-bottom: 1px solid rgb(var(--accent-color));
background: var(--modal-header-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.modal-footer { .modal-footer {
border-top: 1px solid rgb(255 255 255 / 25%); border-top: 1px solid rgb(var(--accent-color));
background: var(--modal-footer-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
} }
.modal-body .nav-tabs>li.active>a, .modal-body .nav-tabs>li.active>a,
@ -425,6 +472,7 @@ fieldset[disabled] .form-control {
.btn-info.btn-fill:focus { .btn-info.btn-fill:focus {
background: var(--button-color-hover); background: var(--button-color-hover);
border: var(--button-color-hover); border: var(--button-color-hover);
color: var(--button-text-hover);
} }
.btn-primary { .btn-primary {
@ -436,13 +484,13 @@ fieldset[disabled] .form-control {
.btn-primary:focus, .btn-primary:focus,
.btn-primary:active:focus { .btn-primary:active:focus {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
.btn-primary:hover { .btn-primary:hover {
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
} }
@ -453,7 +501,7 @@ fieldset[disabled] .form-control {
} }
.btn-primary.btn-fill:hover { .btn-primary.btn-fill:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
@ -464,7 +512,7 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left,
.btn-danger.btn-fill { .btn-danger.btn-fill {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: var(--button-text); color: #eee;
} }
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover, div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
@ -474,20 +522,20 @@ div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
.btn-danger.btn-fill:hover, .btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus { .btn-danger.btn-fill:focus {
border-color: #ec2626; border-color: #ec2626;
color: var(--text-hover); color: #fff;
background-color: #ec2626; background-color: #ec2626;
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
border-color: #f05050; border-color: #f05050;
background-color: #f05050; background-color: #f05050;
color: var(--button-text); color: #eee;
} }
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover, div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus { div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
border-color: #ec2626; border-color: #ec2626;
color: var(--text-hover); color: #fff;
background-color: #ec2626; background-color: #ec2626;
} }
@ -512,12 +560,37 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.btn-success.active, .btn-success.active,
.open>.btn-success.dropdown-toggle { .open>.btn-success.dropdown-toggle {
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
color: var(--text-hover); color: var(--button-text-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-icon {
background-color: rgb(var(--accent-color));
color: var(--label-text-color);
border-color: rgb(var(--accent-color));
}
.btn-icon.active.focus,
.btn-icon.active:focus,
.btn-icon.active:hover,
.btn-icon:active.focus,
.btn-icon:active:focus,
.btn-icon:active:hover,
.btn-icon:hover,
.btn-icon:focus,
.btn-icon:active,
.btn-icon.active,
.open>.dropdown-toggle.btn-icon.focus,
.open>.dropdown-toggle.btn-icon:focus,
.open>.dropdown-toggle.btn-icon:hover {
background-color: var(--accent-color-hover) !important;
color: var(--label-text-color);
border-color: var(--accent-color-hover);
}
.radio-box input:checked~.radio-button { .radio-box input:checked~.radio-button {
background-color: var(--button-color); background-color: var(--button-color);
color: var(--label-text-color);
} }
/* TABLES */ /* TABLES */
@ -535,6 +608,7 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.table>thead>tr>th.active, .table>thead>tr>th.active,
.row-clickable.active { .row-clickable.active {
background-color: rgb(0 0 0 / 25%); background-color: rgb(0 0 0 / 25%);
color: var(--text-hover);
} }
.fixed-header th { .fixed-header th {
@ -553,11 +627,14 @@ div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.bt
.table tbody tr>th, .table tbody tr>th,
.table tbody tr>td, .table tbody tr>td,
.table tfoot tr>th, .table tfoot tr>th,
.table tfoot tr>td, .table tfoot tr>td {
hr {
border-top: 1px solid rgb(255 255 255 / 20%); border-top: 1px solid rgb(255 255 255 / 20%);
} }
hr {
border-top: 1px solid rgb(var(--accent-color));
}
.list-group-item { .list-group-item {
background-color: transparent; background-color: transparent;
} }
@ -565,8 +642,8 @@ hr {
.list-group-item.active, .list-group-item.active,
.list-group-item.active:focus, .list-group-item.active:focus,
.list-group-item.active:hover { .list-group-item.active:hover {
background-color: var(--accent-color); background-color: rgb(var(--accent-color));
border-color: var(--accent-color); border-color: rgb(var(--accent-color));
} }
/* PROGRESS BARS */ /* PROGRESS BARS */
@ -575,7 +652,7 @@ hr {
} }
.progress-bar { .progress-bar {
background-color: var(--accent-color); background-color: rgb(var(--accent-color));
} }
.progress span { .progress span {
@ -603,6 +680,6 @@ hr {
.off-canvas-sidebar .nav li.active>a:before, .off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav>li.active>a:after { .off-canvas-sidebar .nav>li.active>a:after {
border-left: 17px solid var(--accent-color); border-left: 17px solid rgb(var(--accent-color));
} }
} }

13
CSS/themes/duplicacy/hotline.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY HOTLINE THEME */ /* DUPLICACY HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/hotline.css);
--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;
}

13
CSS/themes/duplicacy/organizr-dark.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY ORGANIZR-DARK THEME */ /* DUPLICACY ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--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;
}

13
CSS/themes/duplicacy/plex.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY PLEX THEME */ /* DUPLICACY PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/plex.css);
--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;
}

13
CSS/themes/duplicacy/space-gray.css
View File

@ -13,15 +13,4 @@
/* DUPLICACY SPACE GRAY THEME */ /* DUPLICACY SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css); @import url(https://theme-park.dev/CSS/themes/duplicacy/duplicacy-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/space-gray.css);
--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;
}

2
CSS/variables/organizr-dark.css
View File

@ -13,7 +13,7 @@
--button-text-hover: #fff; --button-text-hover: #fff;
--accent-color: 44, 171, 227; --accent-color: 44, 171, 227;
--accent-color-hover: white; --accent-color-hover: rgb(var(--accent-color),.8);
--link-color: #2cabe3; --link-color: #2cabe3;
--link-color-hover: #3cc5ff; --link-color-hover: #3cc5ff;
--label-text-color: #fff; --label-text-color: #fff;

2
CSS/variables/space-gray.css
View File

@ -13,7 +13,7 @@
--button-text-hover: #fff; --button-text-hover: #fff;
--accent-color: 129, 166, 183; --accent-color: 129, 166, 183;
--accent-color-hover: #81a6b7; --accent-color-hover: rgb(var(--accent-color),.8);
--link-color: #81a6b7; --link-color: #81a6b7;
--link-color-hover: #9adfff; --link-color-hover: #9adfff;
--label-text-color: #fff; --label-text-color: #fff;

Write Preview
Loading…
Cancel
Save