From ced2c705005f704a59a72d8fd9d42c4af9eb2e07 Mon Sep 17 00:00:00 2001
From: EliverLara <eliverlara@gmail.com>
Date: Sun, 30 Dec 2018 01:17:21 -0600
Subject: [PATCH] First attemp

---
 gtk-3.0/gtk-dark.css          |  6 ++++++
 gtk-3.0/gtk.css               |  6 ++++++
 gtk-3.0/widgets/_sidebar.scss | 15 +++++++++++++--
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index e350831..ee7d58d 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -4045,6 +4045,8 @@ placessidebar.sidebar {
     padding-left: 14px;
     padding-right: 12px;
     color: #9ecfa2; }
+    placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon:first-child {
+      background: #171e27; }
   placessidebar.sidebar row.sidebar-row:hover {
     transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     color: rgba(0, 0, 0, 0.76);
@@ -4067,9 +4069,13 @@ placessidebar.sidebar {
       color: rgba(0, 0, 0, 0.54);
       background-color: transparent;
       background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
+      placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon:first-child {
+        background: #c50ed2; }
     placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
       color: inherit; }
+      placessidebar.sidebar row.sidebar-row:selected .sidebar-icon:first-child {
+        background: #c50ed2; }
 
 placessidebar list {
   background-color: transparent; }
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index e350831..ee7d58d 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -4045,6 +4045,8 @@ placessidebar.sidebar {
     padding-left: 14px;
     padding-right: 12px;
     color: #9ecfa2; }
+    placessidebar.sidebar row.sidebar-row.sidebar-row .sidebar-icon:first-child {
+      background: #171e27; }
   placessidebar.sidebar row.sidebar-row:hover {
     transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
     color: rgba(0, 0, 0, 0.76);
@@ -4067,9 +4069,13 @@ placessidebar.sidebar {
       color: rgba(0, 0, 0, 0.54);
       background-color: transparent;
       background-image: linear-gradient(to right, #c50ed2 40px, rgba(65, 67, 75, 0) 36px, rgba(65, 67, 75, 0) 97%); }
+      placessidebar.sidebar row.sidebar-row:selected:backdrop .sidebar-icon:first-child {
+        background: #c50ed2; }
     placessidebar.sidebar row.sidebar-row:selected .sidebar-icon {
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.8);
       color: inherit; }
+      placessidebar.sidebar row.sidebar-row:selected .sidebar-icon:first-child {
+        background: #c50ed2; }
 
 placessidebar list {
   background-color: transparent; }
diff --git a/gtk-3.0/widgets/_sidebar.scss b/gtk-3.0/widgets/_sidebar.scss
index 2ea6c72..90d2a4e 100644
--- a/gtk-3.0/widgets/_sidebar.scss
+++ b/gtk-3.0/widgets/_sidebar.scss
@@ -135,7 +135,10 @@ placessidebar{
 						margin-right: 12px;
 						padding-left: 14px;
 						padding-right: 12px;
-						color: #9ecfa2;
+            color: #9ecfa2;
+            &:first-child {
+              background: #171e27;
+            }
 					}
 				}
 				&:hover{
@@ -169,11 +172,19 @@ placessidebar{
             background-color: transparent;
             background-image:linear-gradient(to right, $selected_bg_color 40px,
                                   rgba(65,67,75,0) 36px, rgba(65,67,75,0)97%);
+            .sidebar-icon {
+              &:first-child {
+                background: $selected_bg_color;
+              }
+            }
           }
 
 					.sidebar-icon {
 						-gtk-icon-shadow: 0 1px transparentize(#fff, 0.2);
-						color: inherit; 
+            color: inherit; 
+            &:first-child {
+              background: $selected_bg_color;
+            }
 					}
 				}