Bitwarden: More border fixes. Added more accents.

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%);
 }