From e62dc1b1151890b388c2a9dbf297957f67eaf424 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Mon, 30 Sep 2019 14:11:33 -0300
Subject: [PATCH] mejoras en la seleccion y temas oscuros

---
 app/assets/stylesheets/application.scss | 71 ++++++++-----------------
 1 file changed, 23 insertions(+), 48 deletions(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 776a61f9..53501e69 100644
--- a/app/assets/stylesheets/application.scss
+++ b/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 {
-  background-color: $turquesa;
-  border-color: $turquesa;
-  &:focus {
-    box-shadow: 0 0 0 0.2rem transparentize($turquesa, 0.5);
-  }
+.breadcrumb-item,
+.breadcrumb-item.active,
+.table,
+.form-control,
+.custom-file-label {
+  color: var(--foreground);
 }
 
-.btn-success {
-  background-color: $verde;
-  border-color: $verde;
-  &:focus {
-    box-shadow: 0 0 0 0.2rem transparentize($verde, 0.5);
-  }
+.form-control,
+.custom-file-label {
+  background-color: var(--background);
 }
 
 .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;
+  }
+}