Browse Source

format

pull/110/head^2
Marius 4 years ago
parent
commit
cbb5c327bb
  1. 2
      CSS/themes/resilio-sync/aquamarine.css
  2. 4
      CSS/themes/resilio-sync/organizr-dark.css
  3. 38
      CSS/themes/resilio-sync/resilio-base.css

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

@ -12,7 +12,7 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* RESILIO-SYNC AQUAMARINE THEME */ /* 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 { :root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --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; --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

@ -12,12 +12,12 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* RESILIO-SYNC ORGANIZR-DARK THEME */ /* 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 { :root {
--main-bg-color: #1f1f1f; --main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b; --modal-bg-color: #1b1b1b;
--button-color: #2cabe3; --button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8); --button-color-hover: #2a90bd;
--button-text: #eee; --button-text: #eee;
--accent-color:#2cabe3; --accent-color:#2cabe3;
--accent-color-hover: #fff; --accent-color-hover: #fff;

38
CSS/themes/resilio-sync/resilio-base.css

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

Loading…
Cancel
Save