From b27773494c8b8037b5c582973720820541955229 Mon Sep 17 00:00:00 2001 From: GilbN Date: Sun, 20 Feb 2022 19:26:26 +0100 Subject: [PATCH] Bitwarden: More border fixes. Added more accents. --- css/base/bitwarden/bitwarden-base.css | 72 +++++++++++++++++++++++++-- 1 file changed, 67 insertions(+), 5 deletions(-) diff --git a/css/base/bitwarden/bitwarden-base.css b/css/base/bitwarden/bitwarden-base.css index 0283ad74..e24ecc3c 100644 --- a/css/base/bitwarden/bitwarden-base.css +++ b/css/base/bitwarden/bitwarden-base.css @@ -49,13 +49,30 @@ app-org-vault-groupings .card li.active>div a:first-of-type, .groupings .card li.active>a:first-of-type, .groupings .card li.active>div a:first-of-type, html[class*="theme_"] a { - color: var(--link-color-hover) !important; + color: var(--link-color-hover); +} + +html[class*="theme_"] app-vault-groupings .card li.active>a:first-of-type, +html[class*="theme_"] app-vault-groupings .card li.active>div a:first-of-type, +html[class*="theme_"] app-org-vault-groupings .card li.active>a:first-of-type, +html[class*="theme_"] app-org-vault-groupings .card li.active>div a:first-of-type, +html[class*="theme_"] .groupings .card li.active>a:first-of-type, +html[class*="theme_"] .groupings .card li.active>div a:first-of-type { + color: rgb(var(--accent-color)); } html[class*="theme_"] #totpImage { background: lightgray; } +html[class*="theme_"] .table td>a:not(.badge) { + color: var(--link-color); +} + +html[class*="theme_"] .table td>a:not(.badge):hover { + color: var(--link-color-hover); +} + /* TEXT */ html[class*="theme_"] .text-muted, .text-muted, @@ -127,7 +144,7 @@ html[class*="theme_"] .card-body:not(.bg-light>.card-body) { } html[class*="theme_"] a.text-body { - color: var(--text-hover) + color: var(--text-hover) !important; } app-vault-groupings .card li.active>a:first-of-type, @@ -149,6 +166,12 @@ html[class*="theme_"] .password-letter { color: white; } +html[class*="theme_"] app-vault-groupings .card .card-body a, +html[class*="theme_"] app-org-vault-groupings .card .card-body a, +html[class*="theme_"] .groupings .card .card-body a { + color: var(--text); +} + /* MODALS */ html[class*="theme_"] .modal-header { border-bottom: 1px solid rgba(255, 255, 255, 0.1); @@ -185,6 +208,10 @@ html[class*="theme_"] .modal-footer { -o-background-size: auto, cover; } +html[class*="theme_"] .close { + color: var(--text); +} + .close, .close:hover { color: #fff; @@ -283,6 +310,10 @@ select:focus { box-shadow: 3px 3px 10px rgba(0, 0, 0, .2); } */ +html[class*="theme_"] .navbar .dropdown-menu .dropdown-item-text { + color: var(--text); +} + html[class*="theme_"] .dropdown-menu, html[class*="theme_"] .dropdown-item { background: #1f1f1f; @@ -312,6 +343,14 @@ a.text-danger:focus { background: rgb(0 0 0 / 20%) !important; } +html[class*="theme_"] app-vault-groupings .card #search, +html[class*="theme_"] app-org-vault-groupings .card #search, +html[class*="theme_"] .groupings .card #search { + background-color: transparent; + border-color: rgb(var(--accent-color)); + color: #fff; +} + /* SETTINGS */ html[class*="theme_"] .page-header, @@ -329,10 +368,10 @@ html[class*="theme_"] .footer { } html[class*="theme_"] .list-group-item.active { - color: var(--text); + border-color: rgba(255, 255, 255, 0.15); + color: rgb(var(--accent-color)); background-color: rgb(255 255 255 / 10%); border-left: 3px solid rgb(var(--accent-color)); - border-color: rgba(255, 255, 255, 0.1); } html[class*="theme_"] .callout { @@ -342,7 +381,7 @@ html[class*="theme_"] .callout { } html[class*="theme_"] .list-group-item { - background-color: rgb(0 0 0 / 25%); + background-color: rgb(0 0 0 / 35%); border: 1px solid rgb(255 255 255 / 8%); color: var(--text); } @@ -481,6 +520,17 @@ html[class*="theme_"] .badge-info { } /* Org */ + +html[class*="theme_"] .org-nav .nav-tabs a.active { + border-top: 3px solid rgb(var(--accent-color)); + color: rgb(var(--accent-color)); +} + +html[class*="theme_"] .nav-tabs .nav-link.active { + background: rgba(0, 0, 0, 0.25); + border-color: rgba(255, 255, 255, 0.15); +} + .org-nav { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -589,6 +639,10 @@ input:focus:-ms-input-placeholder { background-color: rgba(255, 255, 255, 0.1) !important; } +html[class*="theme_"] .groupings .card .card-body a { + color: var(--text); +} + /* Pagination */ .page-item.active .page-link { @@ -620,4 +674,12 @@ input:focus:-ms-input-placeholder { html[class*="theme_"] .table td { color: var(--text); +} + +html[class*="theme_"] .table.table-list.table td:not(tr:first-child td), +html[class*="theme_"] .table.table-list .table th:not(tr:first-child td), +html[class*="theme_"] hr, +html[class*="theme_"] .dropdown-divider, +html[class*="theme_"] .footer { + border-top: 1px solid rgb(255 255 255 / 30%); } \ No newline at end of file