From cbb5c327bb92c7cd2ba76310cdafc531ce91f233 Mon Sep 17 00:00:00 2001 From: Marius Date: Sun, 18 Oct 2020 18:01:17 +0200 Subject: [PATCH] format --- CSS/themes/resilio-sync/aquamarine.css | 2 +- CSS/themes/resilio-sync/organizr-dark.css | 4 +- CSS/themes/resilio-sync/resilio-base.css | 76 ++++++++++++++++------- 3 files changed, 55 insertions(+), 27 deletions(-) diff --git a/CSS/themes/resilio-sync/aquamarine.css b/CSS/themes/resilio-sync/aquamarine.css index a69dbcb6..9026a87c 100644 --- a/CSS/themes/resilio-sync/aquamarine.css +++ b/CSS/themes/resilio-sync/aquamarine.css @@ -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; diff --git a/CSS/themes/resilio-sync/organizr-dark.css b/CSS/themes/resilio-sync/organizr-dark.css index 5253bb4d..de11c8a5 100644 --- a/CSS/themes/resilio-sync/organizr-dark.css +++ b/CSS/themes/resilio-sync/organizr-dark.css @@ -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; diff --git a/CSS/themes/resilio-sync/resilio-base.css b/CSS/themes/resilio-sync/resilio-base.css index b9347a57..db5b0c63 100644 --- a/CSS/themes/resilio-sync/resilio-base.css +++ b/CSS/themes/resilio-sync/resilio-base.css @@ -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);