mejoras en la seleccion y temas oscuros

app/assets/stylesheets/application.scss

@@ -77,15 +77,10 @@ $fucsia: #e9193e;
 $celeste: #91f0ff;
 $verde: #96d643;
 
-/* Tema */
 ol.breadcrumb {
   background-color: transparent;
 }
 
-.breadcrumb-item {
-  color: $black;
-}
-
 .form-control {
   &:focus {
     border-color: transparentize($verde, 0.25);
@@ -93,20 +88,17 @@ ol.breadcrumb {
   }
 }
 
-.btn-info {
+.breadcrumb-item,
-  background-color: $turquesa;
+.breadcrumb-item.active,
-  border-color: $turquesa;
+.table,
-  &:focus {
+.form-control,
-    box-shadow: 0 0 0 0.2rem transparentize($turquesa, 0.5);
+.custom-file-label {
-  }
+  color: var(--foreground);
 }
 
-.btn-success {
+.form-control,
-  background-color: $verde;
+.custom-file-label {
-  border-color: $verde;
+  background-color: var(--background);
-  &:focus {
-    box-shadow: 0 0 0 0.2rem transparentize($verde, 0.5);
-  }
 }
 
 .turbolinks-progress-bar {
@@ -114,37 +106,6 @@ ol.breadcrumb {
   background-color: $magenta;
 }
 
-
-
-.background-cover {
-  -webkit-background-size: cover;
-  -moz-background-size: cover;
-  -o-background-size: cover;
-  background-size: cover;
-}
-
-.full-height {
-  min-height: 80vh;
-}
-
-html {
-  position: relative;
-  min-height: 100%;
-}
-
-.footer {
-  width: 100%;
-  height: $footer-height;
-  line-height: $footer-height;
-  text-align: center;
-}
-
-textarea.post-content {
-  min-height: 80vh;
-  font-family: monospace;
-  font-size: 90%;
-}
-
 .rtl {
   direction: rtl;
   text-align: right;
@@ -260,3 +221,17 @@ svg {
     color: $white;
   }
 }
+
+::-moz-selection,
+::selection {
+  background: var(--color);
+  color: var(--background);
+}
+
+.black-bg {
+  ::selection,
+  ::-moz-selection {
+    background-color: $magenta;
+    color: $white;
+  }
+}