Add styles for grid and view

gtk-3.0/scss/_grid.scss

@@ -0,0 +1,29 @@
+@import "functions";
+
+.list {
+    background-color: shade($bg_color, 0.97);
+    color: $fg_color;
+
+    &-row {
+        border: none;
+        border-radius: 0;
+        padding: 3px;
+        background-image: none;
+        background-color: transparent;
+
+        &:hover {
+            background-image: none;
+            background-color: shade($bg_color, 1.02);
+        }
+
+        &:selected {
+            &, &:hover, &:focus {
+                background-image: none;
+                background-color: $selected_bg_color;
+                color: $selected_fg_color;
+            }
+        }
+    }
+}
+
+.grid-child { padding: $spacing; }

gtk-3.0/scss/_toolbar.scss

@@ -16,20 +16,20 @@
 
     .title {
         font: bold;
-        padding: 0 12px;
+        padding: 0 ($spacing * 2);
     }
 
     .subtitle {
         font: smaller;
-        padding: 0 12px;
+        padding: 0 ($spacing * 2);
     }
 
     .button { @include button($bg, $fg); }
 
     GtkComboBox, .button {
-        padding: 2px;
+        padding: $spacing - 1px;
 
-        &.text-button { padding:  4px; }
+        &.text-button { padding:  $spacing; }
 
         &.image-button { padding: $spacing ($spacing - 1px) ($spacing - 1px) $spacing; }
     }
@@ -84,10 +84,12 @@
         border: none;
         background: none;
         color: mix($titlebar_fg_color, $titlebar_bg_color, 0.90);
+        box-shadow: none;
 
         &:hover, &:hover:focus {
             background: none;
             color: $selected_bg_color;
+            box-shadow: none;
         }
 
         &:active, &:active:hover {
@@ -97,7 +99,7 @@
         }
 
         &:backdrop {
-            background-image: none;
+            background: none;
             color: mix($titlebar_fg_color, $titlebar_bg_color, 0.60);
             icon-shadow: none;
         }

gtk-3.0/scss/_view.scss

@@ -0,0 +1,103 @@
+@import "functions";
+
+.cell {
+    border-width: 0;
+    border-radius: 0;
+
+    &:selected, &:selected:focus {
+        background-color: $selected_bg_color;
+        color: $selected_fg_color;
+    }
+}
+
+row {
+    &:selected {
+        &, &:hover, &:focus {
+            -GtkWidget-focus-padding: 1;
+            -GtkWidget-focus-line-width: 0;
+
+            border-width: 1px 0;
+            border-style: solid;
+            border-color: border_normal($selected_bg_color);
+            background-color: $selected_bg_color;
+            background-image: none;
+            color: $selected_fg_color;
+        }
+    }
+}
+
+column-header {
+    .button {
+        &, &:active {
+            border-width: 0 1px 1px 0;
+            border-radius: 0;
+        }
+
+        &, &:active, &:focus, &:active:focus {
+            border-color: shade($base_color, 0.9);
+            border-bottom-color: shade($base_color, 0.8);
+            background-color: shade($base_color, 0.97);
+            background-image: none;
+        }
+
+        &:hover, &:active:hover, &:hover:focus, &:active:hover:focus {
+            border-color: shade($base_color, 0.9);
+            border-bottom-color: shade($base_color, 0.8);
+            background-color: shade($base_color, 0.99);
+            background-image: none;
+        }
+
+        &:last-child .button { border-width: 0 0 1px 0; }
+    }
+}
+
+.content-view {
+    &.view {
+        background-color: $base_color;
+
+        &:prelight { background-color: alpha($selected_bg_color, 0.6); }
+
+        &:selected, &:active { background-color: $selected_bg_color; }
+
+        &:insensitive { background-color: shade($base_color, 0.9); }
+
+        &.check {
+            &, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
+        }
+    }
+
+    .subtitle {
+        font: smaller;
+        padding: 0 12px;
+    }
+}
+
+GtkIconView {
+    &.content-view.check {
+        &, &:active, &:prelight, &:insensitive, &:selected { background-color: transparent; }
+    }
+
+    &.view.cell {
+        &:selected, &:selected:focus {
+            border-width: 1px;
+            border-style: solid;
+            border-color: border_normal($selected_bg_color);
+            border-radius: 2px;
+            background-color: $selected_bg_color;
+            background-image: none;
+            color: $selected_fg_color;
+        }
+    }
+}
+
+.rubberband {
+    &, &.view, &.content-view.view {
+        border-width: 1px;
+        border-style: solid;
+        border-color: $selected_bg_color;
+        border-radius: 0;
+        background-color: alpha($selected_bg_color, 0.3);
+    }
+}
+
+GdMainIconView.content-view { -GdMainIconView-icon-size: 40; }

gtk-3.0/scss/_window.scss

@@ -1,14 +1,14 @@
 .window-frame {
-	border-style: none;
+	border: none;
-	border-radius: 2px 2px 0 0;
+	border-radius: $roundness $roundness 0 0;
-	box-shadow: 0 3px 7px 1px alpha(black, 0.7),
+	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23),
 				0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
 
 	/* this is used for the resize cursor area */
-	margin: 10px;
+	margin: $spacing * 3;
 
 	&:backdrop {
-		box-shadow: 0 3px 5px 1px alpha(black, 0.5),
+		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24),
 					0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
 	}
 
@@ -17,18 +17,18 @@
 	&.csd {
 		&.popup {
 			border-radius: 0;
-			box-shadow: 0 1px 2px alpha(black, 0.8),
+			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
 						0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
 		}
 
 		&.tooltip {
-			border-radius: 2px;
+			border-radius: $roundness;
 			box-shadow: none;
 		}
 
 		&.message-dialog {
-			border-radius: 2px;
+			border-radius: $roundness;
-			box-shadow: 0 1px 2px alpha(black, 0.8),
+			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23),
 						0 0 0 1px mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
 		}
 	}

gtk-3.0/scss/widgets.scss

@@ -6,4 +6,6 @@
 @import "menu";
 @import "toolbar";
 @import "sidebar";
+@import "view";
+@import "grid";
 @import "window";