Fix tabbing navigation & outline in dark mode

css/dark-mode.css

@@ -70,10 +70,18 @@
     background-color: rgb(24, 26, 27);
 }
 
-[data-theme="dark"] .card:hover {
+[data-theme="dark"] .card:hover,
+[data-theme="dark"] .card:focus {
     box-shadow: 0 1rem 1.5rem rgba(255, 255, 255, 0.175) !important;
 }
 
+[data-theme="dark"] .card:focus {
+    outline: none;
+    border: 1px solid #0062cc;
+    -webkit-box-shadow: 0px 0px 5px #0062cc;
+    box-shadow: 0px 0px 5px #0062cc;
+}
+
 [data-theme="dark"] .shadow-sm {
     box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important;
 }

css/dark-mode.min.css

-[data-theme=dark]{background-color:#111!important;color:#d1cdc7}[data-theme=dark] .bg-light{background-color:#333!important}[data-theme=dark] .bg-white{background-color:#000!important}[data-theme=dark] .bg-black{background-color:#eee!important}[data-theme=dark] .card .card-img-top,[data-theme=dark] a img{filter:invert(.6)}[data-theme=dark] .progress{background-color:#232627}[data-theme=dark] .card{background-color:#181a1b;border-color:rgba(140,130,115,.13)}[data-theme=dark] .border-bottom{border-bottom-color:#fff!important}[data-theme=dark] .badge-primary,[data-theme=dark] .progress-bar{color:#e8e6e3;background-color:#0062cc}[data-theme=dark] .text-dark{color:#c3beb6!important}[data-theme=dark] .custom-control-label::before{background-color:#181a1b;border-color:#454b4e}[data-theme=dark] .custom-control-input:checked~.custom-control-label::before{color:#e8e6e3;border-color:#0056b3;background-color:#0062cc}[data-theme=dark] .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#181a1b}[data-theme=dark] .card:hover{box-shadow:0 1rem 1.5rem rgba(255,255,255,.175)!important}[data-theme=dark] .shadow-sm{box-shadow:0 .125rem .25rem rgba(255,255,255,.075)!important}[data-theme=dark] .shadow{box-shadow:0 .5rem 1rem rgba(255,255,255,.15)!important}
\ No newline at end of file
+[data-theme=dark]{background-color:#111!important;color:#d1cdc7}[data-theme=dark] .bg-light{background-color:#333!important}[data-theme=dark] .bg-white{background-color:#000!important}[data-theme=dark] .bg-black{background-color:#eee!important}[data-theme=dark] .card .card-img-top,[data-theme=dark] a img{filter:invert(.6)}[data-theme=dark] .progress{background-color:#232627}[data-theme=dark] .card{background-color:#181a1b;border-color:rgba(140,130,115,.13)}[data-theme=dark] .border-bottom{border-bottom-color:#fff!important}[data-theme=dark] .badge-primary,[data-theme=dark] .progress-bar{color:#e8e6e3;background-color:#0062cc}[data-theme=dark] .text-dark{color:#c3beb6!important}[data-theme=dark] .custom-control-label::before{background-color:#181a1b;border-color:#454b4e}[data-theme=dark] .custom-control-input:checked~.custom-control-label::before{color:#e8e6e3;border-color:#0056b3;background-color:#0062cc}[data-theme=dark] .custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#181a1b}[data-theme=dark] .card:focus,[data-theme=dark] .card:hover{box-shadow:0 1rem 1.5rem rgba(255,255,255,.175)!important}[data-theme=dark] .card:focus{outline:0;border:1px solid #0062cc;-webkit-box-shadow:0 0 5px #0062cc;box-shadow:0 0 5px #0062cc}[data-theme=dark] .shadow-sm{box-shadow:0 .125rem .25rem rgba(255,255,255,.075)!important}[data-theme=dark] .shadow{box-shadow:0 .5rem 1rem rgba(255,255,255,.15)!important}
\ No newline at end of file