Add previews and stuff

.gitattributes

@@ -0,0 +1,2 @@
+.gitattributes export-ignore
+images export-ignore

README.md

@@ -1,7 +1,8 @@
 # stilo-themes
 Minimalistic GTK themes
 
-These themes are still in development. Things may change.
+![Stilo themes](images/preview.png?raw=true)
+<sub>[Wallpapers](https://imgur.com/a/zrijHvk) | [Icons](https://github.com/vinceliuice/Tela-icon-theme) | Fonts: Droid Sans / SF Mono | GNOME shell extension: Dash to Panel</sub>
 
 ### Requirements
 
@@ -21,11 +22,22 @@ Other distros may have named the above packages differently.
 
 ## Installation
 
-When the above requirements are installed, simply run these commands.
+When the above requirements are installed, simply run these commands:
 ```bash
 git clone https://github.com/lassekongo83/stilo-themes.git
 cd stilo-themes
 meson build
 sudo ninja -C build install
 ```
 The themes will be installed in: `/usr/share/themes`
+
+Use `gnome-tweaks` to change themes.
+
+You can also change your GTK themes using a terminal.
+```bash
+# Changing the theme to Stiloetto-dark, simply run
+gsettings set org.gnome.desktop.interface gtk-theme Stiloetto-dark
+
+# Reverting the change to the default GNOME theme
+gsettings set org.gnome.desktop.interface gtk-theme Adwaita
+```

gtk/src/Stilo/gtk-3.0/_apps.scss

@@ -242,6 +242,10 @@ XfceHeading,
   notebook,
   notebook > stack:not(:only-child) searchbar { @extend %view; }
 
+  @if $variant == 'dark' {
+    .sidebar-row + separator { border: none; }
+  }
+
   .path-bar {
     // Nautilus path-bar separator
     .dim-label {

gtk/src/Stilo/gtk-3.0/_colors.scss

@@ -78,7 +78,7 @@ $secondary_bg_color: if($variant == 'light', mix($bg_color, $base_color, 50%), $
 $secondary_borders_color: if($variant == 'light', darken($secondary_bg_color, 8%), $borders_color);
 
 // tabbar
-$tabbar_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 3%));
+$tabbar_color: if($variant == 'light', darken($bg_color, 11%), darken($bg_color, 3%));
 
 // toolbar
 $toolbar_color: $bg_color;

gtk/src/Stilo/gtk-3.0/gtk-dark.css

@@ -1823,6 +1823,8 @@ XfceHeading, .XfceHeading { margin: 0; padding: 0; border-width: 0; background-i
 
 .nautilus-window .searchbar-container { margin-top: -1px; }
 
+.nautilus-window .sidebar-row + separator { border: none; }
+
 .nautilus-window .path-bar .dim-label, .nautilus-window .path-bar label.separator, .nautilus-window .path-bar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar .subtitle, .nautilus-window .path-bar headerbar .subtitle, headerbar .nautilus-window .path-bar .subtitle { color: transparent; border-right: 1px solid #121517; margin-right: 6px; }
 
 .nautilus-window .nautilus-path-bar button { margin: 0 2px; }

gtk/src/Stilo/gtk-3.0/gtk.css

@@ -753,7 +753,7 @@ popover.background list separator { margin: 0px; }
 
 notebook { padding: 0; }
 
-notebook > header { padding: 0; border-color: #c3c3c5; border-width: 0; background-color: #c3c3c5; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }
+notebook > header { padding: 0; border-color: #c3c3c5; border-width: 0; background-color: #c5c5c7; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }
 
 notebook > header.top tabs { margin: 0 0 -1px 1px; }
 

gtk/src/Stiloetto/gtk-3.0/_apps.scss

@@ -242,6 +242,10 @@ XfceHeading,
   notebook,
   notebook > stack:not(:only-child) searchbar { @extend %view; }
 
+  @if $variant == 'dark' {
+    .sidebar-row + separator { border: none; }
+  }
+
   .path-bar {
     // Nautilus path-bar separator
     .dim-label {

gtk/src/Stiloetto/gtk-3.0/_colors.scss

@@ -78,7 +78,7 @@ $secondary_bg_color: if($variant == 'light', mix($bg_color, $base_color, 50%), $
 $secondary_borders_color: if($variant == 'light', darken($secondary_bg_color, 8%), $borders_color);
 
 // tabbar
-$tabbar_color: if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 3%));
+$tabbar_color: if($variant == 'light', darken($bg_color, 11%), darken($bg_color, 3%));
 
 // toolbar
 $toolbar_color: $bg_color;

gtk/src/Stiloetto/gtk-3.0/gtk-dark.css

@@ -1835,6 +1835,8 @@ XfceHeading, .XfceHeading { margin: 0; padding: 0; border-width: 0; background-i
 
 .nautilus-window .searchbar-container { margin-top: -1px; }
 
+.nautilus-window .sidebar-row + separator { border: none; }
+
 .nautilus-window .path-bar .dim-label, .nautilus-window .path-bar label.separator, .nautilus-window .path-bar .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .nautilus-window .path-bar .subtitle, .nautilus-window .path-bar headerbar .subtitle, headerbar .nautilus-window .path-bar .subtitle { color: transparent; border-right: 1px solid #121517; margin-right: 6px; }
 
 .nautilus-window .nautilus-path-bar button { margin: 0 2px; }

gtk/src/Stiloetto/gtk-3.0/gtk.css

@@ -753,7 +753,7 @@ popover.background list separator { margin: 0px; }
 
 notebook { padding: 0; }
 
-notebook > header { padding: 0; border-color: #bebec0; border-width: 0; background-color: #c3c3c5; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }
+notebook > header { padding: 0; border-color: #bebec0; border-width: 0; background-color: #c5c5c7; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }
 
 notebook > header.top tabs { margin: 0 0 -1px 1px; }