diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index d64b1e99..42d84af1 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -109,17 +109,27 @@ h6, .h4, .h5, .h6, -label:not(#g_advanced > div:nth-child(13) > label):not(#g_advanced > div:nth-child(12) > div.col-sm-8 > div > label), -label:not(.form-check-label):not(.btn):not(#g_advanced > div:nth-child(13) > label), -label.bold .card-header:first-child, html[class*="theme_"] .card-header, .modal-header { color: var(--text-hover) !important; } +body,b,span, p, +html.theme_light label:not(.form-check-label):not(.btn), html.theme_light label.bold { + color: var(--text); +} /* NAVBAR */ -.navbar { - background: var(--transparency-dark-25) !important; +.navbar, +.navbar .bg-dark { + background: var(--main-bg-color) !important; + background-repeat: repeat, no-repeat !important; + background-attachment: fixed, fixed !important; + background-position: center center, center center !important; + background-size: auto, cover !important; + -webkit-background-size: auto, cover !important; + -moz-background-size: auto, cover !important; + -o-background-size: auto, cover !important; + --bs-bg-opacity: 0 !important; } .navbar-dark .navbar-nav .show>.nav-link, @@ -299,6 +309,33 @@ select:focus { background: var(--drop-down-menu-bg) !important; } +.form-control:focus { + color: var(--text); + background-color: var(--transparency-dark-15); + border-color: rgb(var(--accent-color)); + outline: 0; + box-shadow: 0 0 0 0.25rem rgb(var(--accent-color) / 25%); +} + +.form-control { + color: var(--text-hover); + background-color: var(--transparency-dark-25); + background-clip: padding-box; + border: 1px solid var(--transparency-light-10); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border-radius: 0.25rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-select:focus { + border-color: var(--transparency-light-20); + color: var(--text-hover); + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0); +} + /* DROPDOWN MENU */ /* html[class*="theme_"] .dropdown-menu { background: var(--modal-bg-color); @@ -395,13 +432,11 @@ html[class*="theme_"] .progress { /* BUTTONS */ .btn-link { - color: var(--button-color); - color: var(--button-text); + color: var(--link-color); } .btn-link:hover { - color: var(--button-color-hover); - color: var(--button-text-hover); + color: var(--link-color-hover); transition: 0.15s; } @@ -522,6 +557,18 @@ html[class*="theme_"] .badge-info { color: var(--label-text-color); } +[id*="b_"]{ + background: var(--transparency-dark-25); + border-color: var(--transparency-light-10); + color: var(--text); +} + +[id*="b_"]:hover{ + background: var(--transparency-dark-35); + border-color: var(--transparency-light-10); + color: var(--text-hover); +} + /* Org */ html[class*="theme_"] .org-nav .nav-tabs a.active { @@ -594,6 +641,7 @@ html[class*="theme_"] .btn-outline-secondary i { -webkit-background-size: auto, cover; -moz-background-size: auto, cover; -o-background-size: auto, cover; + --bs-bg-opacity: 0; } .bg-light .navbar { @@ -607,6 +655,14 @@ html[class*="theme_"] .btn-outline-secondary i { -o-background-size: auto, cover; } +.border-bottom { + border-bottom: 1px solid var(--transparency-light-15) !important; +} + +div.dataTables_wrapper div.dataTables_info { + color: var(--text); +} + /* Cards */ .bg-secondary { background: var(--transparency-light-10) !important; @@ -659,4 +715,10 @@ html[class*="theme_"] hr, html[class*="theme_"] .dropdown-divider, html[class*="theme_"] .footer { border-top: 1px solid rgb(255 255 255 / 30%); +} + +thead, tbody, tfoot, tr, td, th { + border-color:var(--transparency-light-25); + border-style: solid; + border-width: 0; } \ No newline at end of file diff --git a/css/base/deluge/deluge-base.css b/css/base/deluge/deluge-base.css index 09e9de18..83fee3a3 100644 --- a/css/base/deluge/deluge-base.css +++ b/css/base/deluge/deluge-base.css @@ -16,7 +16,7 @@ @import url("/css/defaults/placeholders.css"); @import url("/css/defaults/transparent.css"); - html { + html,body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; background-attachment: fixed, fixed; @@ -812,11 +812,11 @@ } .x-btn-mc em.x-btn-arrow { - //background-image: url(../images/default/button/arrow.gif); + background-image: url(/resources/deluge/arrow.png); } .x-btn-mc em.x-btn-split { - //background-image: url(../images/default/button/s-arrow.gif); + background-image: url(/resources/deluge/s-arrow.png); } .x-btn-over .x-btn-mc em.x-btn-split, @@ -1798,7 +1798,7 @@ } .x-menu-item-checked .x-menu-group-item .x-menu-item-icon { - //background-image: url(../images/gray/menu/group-checked.gif); + background-image: url(/resources/deluge/group-checked.png); } .x-menu-group-item .x-menu-item-icon { diff --git a/index.html b/index.html index 39fc0d4c..c6a40f43 100644 --- a/index.html +++ b/index.html @@ -1,250 +1,250 @@ - - - -
- - - -...
- Find Out More -...
-Installation methods include custom docker mods - for linuxserver.io containers,
-custom scripts for select Hotio containers - and multiple examples of subfiltering using webservers like Nginx, Apache, Caddy and Traefik!
-There is also a Docker image available for selfhosting the CSS files.
-...
- Get Started! -Head over to the documentation page for more information on each - theme!
-Having issues with a theme? Let us know on Github!
-Need live support? Head over to our Discord server!
-Got a good color scheme you'd like to see - added? PR it!
-Is it really open source if it's not made with love?
-...
+ Find Out More +...
+Installation methods include custom docker mods + for linuxserver.io containers,
+custom scripts for select Hotio containers + and multiple examples of subfiltering using webservers like Nginx, Apache, Caddy and Traefik!
+There is also a Docker image available for selfhosting the CSS files.
+...
+ Get Started! +Head over to the documentation page for more information on each + theme!
+Having issues with a theme? Let us know on Github!
+Need live support? Head over to our Discord server!
+Got a good color scheme you'd like to see + added? PR it!
+Is it really open source if it's not made with love?
+