deathbybandaid/theme.park
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

format

Browse Source
This commit is contained in:
Marius 2020-10-18 18:01:17 +02:00
parent e34f79882a
commit cbb5c327bb
3 changed files with 55 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CSS/themes/resilio-sync/aquamarine.css
View File

@ -12,7 +12,7 @@
/* https://github.com/gilbN/theme.park */
/* RESILIO-SYNC AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/resilio-sync/resilio-sync-base.css);
@import url(https://gilbn.github.io/theme.park/CSS/themes/resilio-sync/resilio-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;

4
CSS/themes/resilio-sync/organizr-dark.css
View File

@ -12,12 +12,12 @@
/* https://github.com/gilbN/theme.park */
/* RESILIO-SYNC ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/resilio-sync/resilio-sync-base.css);
@import url(https://gilbn.github.io/theme.park/CSS/themes/resilio-sync/resilio-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-color-hover: #2a90bd;
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;

76
CSS/themes/resilio-sync/resilio-base.css
View File

@ -11,6 +11,7 @@
/* https://github.com/gilbN/theme.park */
@import url(https://use.fontawesome.com/releases/v5.15.1/css/all.css);
body,
.tableScrollContainer,
.settings-tabs-wrapper .settings-tabs-container {
@ -155,41 +156,49 @@ UL.jqueryFileTree A,
.bt-navbar .choose-dropdown-menu {
background: var(--modal-bg-color);
}
.dropdown-menu {
background-color: var(--modal-bg-color);
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 2px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu {
background: var(--modal-bg-color);
border: 1px solid rgba(255, 255, 255, .1);
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
box-shadow: 0 6px 12px rgba(0, 0, 0, .2);
}
.sync-level .add-folder-mode .option-text {
color: var(--text-hover);
}
.sync-level .add-folder-mode .option-description {
color: var(--text);
white-space: normal;
}
.sync-level .add-folder-mode li.selected a {
background-color: rgb(0 0 0 / 25%);
}
.sync-level .add-folder-mode li:not(.selected) a:focus, .sync-level .add-folder-mode li:not(.selected) a:hover {
.sync-level .add-folder-mode li:not(.selected) a:focus,
.sync-level .add-folder-mode li:not(.selected) a:hover {
background-color: rgb(255 255 255 / .08);
}
.sync-level .add-folder-mode .btn-group {
background-color: transparent !important;
}
button.selectpicker.btn-default {
border-color: #ccc0!important;
color: var(--text)!important;
background-color: rgb(0 0 0 / 25%)!important;
border-color: #ccc0 !important;
color: var(--text) !important;
background-color: rgb(0 0 0 / 25%) !important;
}
.btn-group.open .dropdown-toggle {
@ -198,6 +207,7 @@ button.selectpicker.btn-default {
border: none;
background: rgb(0 0 0 / 50%) !important;
}
/* ICONS */
.mycon.mycon-folder-rw,
.mycon.mycon-folder-owner,
@ -323,6 +333,7 @@ button.selectpicker.btn-default {
color: var(--text);
background: var(--modal-bg-color);
}
.modal-body .horizontal-separator .horizontal-separator-text {
background-color: var(--modal-bg-color);
color: var(--text);
@ -378,21 +389,32 @@ ul.jqueryFileTree a:hover {
.nav-tabs.nav-sub-tabs>li.active a:focus,
.nav-tabs.nav-sub-tabs>li.active a:hover {
background: var(--button-color-hover) !important;
border: 1px solid var(--button-color-hover);
border: 1px solid var(--button-color-hover);
color: var(--button-text)
}
.activity-filter.open, .main-filter.open, .modal-filter.open, .modal-input.open {
.activity-filter.open,
.main-filter.open,
.modal-filter.open,
.modal-input.open {
background: var(--main-bg-color) !important;
}
.modal-header .transfer-path .labelContainer {
border-left: 1px solid rgb(255 255 255 / .1);
}
.modal-filter .btn, .modal-input .btn {
.modal-filter .btn,
.modal-input .btn {
background: transparent;
}
.modal-filter .btn:hover,.modal-input .btn:focus, .modal-filter animating {
.modal-filter .btn:hover,
.modal-input .btn:focus,
.modal-filter animating {
background: rgb(255 255 255 / .08) !important;
}
/* PAGES */
#archive-onboarding.fixed .tutorial-background,
#onboarding-dark.fixed .tutorial-background,
@ -407,7 +429,9 @@ ul.jqueryFileTree a:hover {
background-color: rgb(0 0 0 / 25%);
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.section-header {
border-bottom: 1px solid rgb(255 255 255 / .1);
}
/* FOOTER */
#sync-core-state {
background-color: rgb(0 0 0 / 50%);
@ -486,17 +510,21 @@ ul.jqueryFileTree a:hover {
border-right: 1px solid rgb(255 255 255 / 10%);
background: rgb(0 0 0 / 25%);
}
/* IDENTITY */
#my-devices .my-devices .single-my-device:hover:not(.disabled) {
background-color: rgb(255 255 255 / 8%);
}
#my-devices .my-devices .link-device-block #device-to-qr .device-link {
color: var(--accent-color);
}
#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text {
text-decoration: underline;
color: var(--text-hover);
}
/* IDENTITY */
#my-devices .my-devices .single-my-device:hover:not(.disabled) {
background-color: rgb(255 255 255 / 8%);
}
#my-devices .my-devices .link-device-block #device-to-qr .device-link {
color: var(--accent-color);
}
#my-devices .my-devices .link-device-block #device-to-qr:hover:not(:disabled) .device-link-text {
text-decoration: underline;
color: var(--text-hover);
}
/* BUTTONS */
.btn {
border-color: var(--button-color);